javascript setattribute auf mehrere element

Ich habe viele div mit der Klasse publish_0 dass möchte ich ändern, um publish_1 auf einen Klick.

Jetzt benutze ich es doch nur ändern ein Element.

Wie Wende ich den setattribute auf alle Artikel, die publish_0.

document.querySelector('.publish_0').setAttribute("class", "publish_1");
InformationsquelleAutor MathieuB | 2013-08-27
  1. 1

    Können Sie dies mit jquery:

    $(".publish_0").attr("class", "publish_1")

    Nutzen Sie alternativ getElementsByClassName und das Durchlaufen der DOM-Elemente zurück.

    InformationsquelleAutor Vivek
  2. 31

    Müssen Sie eine Schleife für die Iteration über alle Elemente und deren class-Attribut den Wert individuell:

    var els = document.querySelectorAll('.publish_0');
for (var i=0; i < els.length; i++) {
    els[i].setAttribute("class", "publish_1");
}
    • Danke. Das ist, was passiert, wenn man copy-paste-OP-code.
    • Wurden dort mehr Zeit, als ich gerne zugeben.
    • Wie Sie mit Hilfe einer Klasse, die Sie verwenden können getElementsByClassname statt querySelectorAll, es ausführen viel besser aus. Ein Beispiel finden Sie hier
    InformationsquelleAutor Asad Saeeduddin
  3. 5

    Wenn Sie nicht verwenden können, jQuery, wollen aber den Komfort etwas ähnliches, können Sie das folgende tun. Fügen Sie den folgenden code am Anfang der Datei oder sonst irgendwo leicht sichtbar. 

    NodeList.prototype.forEach = NodeList.prototype.forEach || Array.prototype.forEach;

    Nun in Ihrem code können Sie dies tun:

    document.querySelectorAll('body,main,article,[class*=content],[class*=center]')
        .forEach((function(x){ x.setAttribute("style","width:1920px");}))

    Oder sogar noch schöner, wenn der browser dies unterstützt ECMAScript2015 Sie können mit den Pfeiltasten syntax:

    document.querySelectorAll('[class*=content]')
        .forEach( x=> x.setAttribute("style","width:1200px"))

    Können Sie die Anweisung auf einer Zeile, wenn Sie möchten.

    InformationsquelleAutor Derek Ziemba
Schreibe einen Kommentar