innerHTML funktioniert nicht mit classname in JS

Mein drop-down-Liste wählen Sie besonderen Wert-

<select name="category" id="category" onChange="showDiv(this.value);" >
    <option value="">Select This</option>
    <option value="1">Nokia</option>
    <option value="2">Samsung</option>
    <option value="3">BlackBerry</option>
    </select>

Dies ist das div, wo ich will, um zu zeigen, den text

<span class="catlink"> </span>

Und dies ist mein JS-Funktion -

    function showDiv( discselect )
    {

    if( discselect === 1)
    {
    alert(discselect); //This is alerting fine
    document.getElementsByClassName("catlink").innerHTML = "aaaaaaqwerty"; //Not working
    }

}

Lassen Sie mich wissen, warum dies nicht funktioniert und was ich falsch mache?

InformationsquelleAutor swapnesh | 2012-06-01

  1. 14

    document.getElementsByClassName("catlink")ist die Auswahl alle Elemente in-Webseite als array dazu verwenden Sie die [0]

     function showDiv( discselect ) 
 { 

 if( discselect === 1) 
 { 
 alert(discselect); //This is alerting fine 
 document.getElementsByClassName("catlink")[0].innerHTML = "aaaaaaqwerty"; //Now working 
 } 
 }
    Vielen Dank für den code und die Lösung, nur eine weitere hinzufügen, die ich brauche zu ersetzen, "= = = " zu "==" machen, damit mein code funktioniert Prima. freundlicherweise erklären, ein wenig weiter die Nutzung von [0] als ich war völlig ahnungslos von diesem
    [0] wählen, wird das erste element auf der Webseite mit Klasse catlink
    So, jetzt, wenn ich mehr als span-Klassen " catlink auf meine Seite, dann kann ich den text einfügen über diese [0] , [1] ?? ..wow das ist wirklich g8-info 🙂
    Sie können auch die Gesamtsumme nicht. von element im Dokument.getElementsByClassName("catlink").Länge

    InformationsquelleAutor

  2. 4

    Du ar erstellen einer nodeList (eine spezielle Reihe von Knoten) mit getElementsByClassName. Alternativ können Sie die document.querySelector gibt das erste element mit className .catlink:

    function showDiv( discselect ) {
    if( discselect === 1)    {
      document.querySelector(".catlink").innerHTML = "aaaaaaqwerty";
    }
}
    Ja, das auch wunderbar funktioniert ..thx für die coolen Sachen 🙂

    InformationsquelleAutor KooiInc

Schreibe einen Kommentar