1

Chrome 拡張機能内の新しいタブのページ要素に値を挿入する必要がある場合はどうすればよいですか?

私は使っている：

document.getElementsByClassName("quotes").innerHTML = Quotes[x];

ページに表示されnewtab-script.jsますが、コンソールに次のエラーが表示されます。

Uncaught TypeError: Cannot set property 'innerHTML' of null

私のページには、divという名前のクラスが含まれていますが、quotesこれを警告すると:

document.getElementsByClassName("quotes")

結果はnullです。

私のコードは次の形式です。

window.onload = function abc (){ 
  alert(document.getElementById('a'));    
  document.getElementById('a').innerHTML ="ishaan"; 
}

Google Chrome の新しいタブページを上書きする HTML ページにスクリプト ファイルをインポートしています。私のスクリプトはスクリプトファイルにあります。

4

2 に答える 2

1

同じクラス名のアイテムが複数ある場合

var quoteElems=document.getElementsByClassName('quotes')
for(var i=0;i<quoteElems.length;i++){
quoteElems[i].innerHTML=Quotes[x]
}

クラス「引用符」を持つ単一のアイテムがある場合

document.getElementsByClassName("quotes")[0].innerHTML = Quotes[x];

于 2016-11-04T10:16:45.150 に答える