getElementsByClassName (className) gibt null zurück

Question

Was kann ich tun, wenn ich einen Wert in ein Seitenelement eines neuen Tabs innerhalb einer Chrome-Erweiterung einfügen muss?

Ich verwende:

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

in newtab-script.js Seite, aber es zeigt diesen Fehler in der Konsole:

Uncaught TypeError: Cannot set property 'innerHTML' of null 

Meine Seite enthält eine div mit einer Klasse mit dem Namen quotes aber wenn ich diese alarmieren :

document.getElementsByClassName("quotes") 

Das Ergebnis t ist null.

Mein Code ist in der Form:

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

ich meine Skript-Datei in einer HTML-Seite zu importieren, die neuen Tab Seite Google Chrome außer Kraft setzt. Mein Skript befindet sich in der Skriptdatei.

Answer 1

Wenn mehrere Elemente sind mit gleichen Klassennamen

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

Wenn sich einzelne Artikel mit Klasse 'zitiert'

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

Answer 2

wenn Sie jQuery verwenden Sie dann

$(function(){ 
    $('.quotes').html(Quotes[x]); 
});