element.innerHTML = 'text'でhtmlを変更すると動作しません

Question

私はXMLHttpRequestから要素のhtmlを変更しようとしたときに起きた問題を解決しようとしていました。

xhr.open('GET', url); 
xhr.setRequestHeader('X-Requested-With', 'XMLHttpRequest'); 
xhr.onload = function() { 
    if (xhr.readyState == 4 && xhr.status == 200) { 
    console.log(document.getElementById('notifications-navbar').innerHTML); 
    document.getElementById('notifications-navbar').innerHTML = xhr.responseText; 
    console.log(xhr.responseText); 
    console.log(document.getElementById('notifications-navbar').innerHTML); 
    } else { 
    console.log('error'); 
    } 
}; 

xhr.send(); 

コンソールログの出力があった。 pastebin

そうにconsole.logに我々はinnerHTMLプロパティへの変更が行われた見ることができます、しかし、私が見て何も変化はありませんChromeを介した要素が検査され、ブラウザにも変更はありません。私はロードされていた他のすべてのJSスクリプトを削除しようとしましたが、XHLHttpRequestの外側でinnerHTMLを簡単に変更するだけでしたが、それはあまり役に立ちませんでした。私が本当に幸せになるのを助けてくれたらどうか。

Answer 1

あなたのEndPoint URLはわかりませんが、私はこれをあなたのために書いており、うまくいきます。これがあなたを助けることを願っています！

HTML

<div id = "notifications-navbar"></div> 

Javascriptを

var xhr; 

    if(window.XMLHttpRequest){ 
     xhr = new XMLHttpRequest(); 
    }else{ 
     xhr = new ActiveXObject("Microsoft.XMLHTTP"); 
    } 

    var url = "http://jsonplaceholder.typicode.com/posts"; 
    xhr.open('GET', url, true); 
    xhr.setRequestHeader('X-Requested-With', 'XMLHttpRequest'); 
    xhr.onload = function() { 
     if (xhr.readyState == 4 && xhr.status == 200) { 
      console.log(document.getElementById('notifications-navbar').innerHTML); 
      document.getElementById('notifications-navbar').innerHTML = xhr.responseText; 
      console.log(xhr.responseText); 
      console.log(document.getElementById('notifications-navbar').innerHTML); 
     } else { 
      console.log('error'); 
     } 
    }; 

    xhr.send(); 

Answer 2

さて、申し訳ありませんみんな、私はHTMLでIDの通知、ナビゲーションバーだけ最初の2つの要素を持っていた、私のミスを見つけました1つは変更されました。とにかく助けてくれてありがとう。