javascript getElementsByClassName() gibt immer keiner?

hey Leute,
ich will erstellen Sie die einfachste bookmarklet für den browser.

javascript:document.getElementsByClassName('source').style.visibility='visible';

Ich habe mehrere div.Quelle in meinen Körper. Standardmäßig werden Sie .source { display:none; } mit css.

Meine Konsole sagt mir: Uncaught TypeError: Cannot set property 'display' of undefined

Wenn ich auf das bookmarklet alle .Quelle divs sichtbar sein sollte. Was mache ich hier falsch?

  • versuchen Sie für each-Schleife
InformationsquelleAutor matt | 2011-03-03
  1. 21

    Müssen Sie möglicherweise eine Schleife durch die Ergebnisse, wie diese:

    var divs = document.getElementsByClassName('source');
for(var i=0; i<divs.length; i++) { 
  divs[i].style.display='block'
}

    Und auch als @ionoy erwähnt, verwenden display Attribut. Ich hoffe, das hilft.

    http://jsfiddle.net/erick/rb7bn/1/

    • javascript:(function() { var divs = document.getElementsByClassName('source');for(var i=0; i<divs.length; i++) divs[i].Stil.display='block'; })();
    • forEach ist ein wenig sauberer, vielleicht. document.getElementsByClassName('source').forEach(function (elem) {elem.style.display = 'block'}) (oder none wenn es darum geht zu alle diejenigen danged ärgerlich, animierte Urlaub Schneeflocken blogs sind Sport-jetzt)
    InformationsquelleAutor erickb
  2. 0

    Es ist die 'Sichtbarkeit' und es ist "anzeigen". Sie sind ganz andere Tiere.

    W3Schools:

    Sichtbarkeit

    anzeigen

    • das ändert nichts. meine Konsole sagt mir: Uncaught TypeError: Cannot set property 'display' of undefined
    InformationsquelleAutor ionoy
  3. 0

    Gehen für display. Es funktioniert mit vielen Browsern und in vielen Fällen.

    • Drehen Sie "Sichtbarkeit" aus, verhält sich wie die Einstellung " Deckkraft auf null: der Inhalt wird unsichtbar, während das layout nicht ändern; oder zu sagen, die gleiche Sache anders dort jetzt ein leerer Platz. Dies ist kaum jemals, was Sie wollen. Auf der anderen Seite drehen 'display' off bewirkt, dass ein reflow/relayout, als ob das element nicht mehr existiert. Den Raum, wo es war, wird geschlossen. Dies ist fast immer was Sie wollen. Beide sind standard-Teile von CSS - browser-Unterstützung ist kein Problem. Verwenden Sie die eine, die die erwünschten Verhalten/Aussehen Ihrer Anwendung.
    InformationsquelleAutor Dinesh
Schreibe einen Kommentar