javascript setattribute для нескольких элементов

Question

У меня есть много div с классом publish_0, что я хотел бы изменить на publish_1 нажатием кнопки.

Прямо сейчас я использую это, но он меняет только один элемент.

Как применить setattribute ко всему элементу, у которого есть publish_0.

document.querySelector('.publish_0').setAttribute("class", "publish_1"); 

Answer 1

Вы можете использовать это с JQuery:

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

В качестве альтернативы, используйте getElementsByClassName и пропустите возвращаемые возвращаемые элементы DOM.

Answer 2

Вы должны использовать цикл для перебора всех элементов и установить их значение атрибута класса по отдельности:

var els = document.querySelectorAll('.publish_0'); 
for (var i=0; i < els.length; i++) { 
    els[i].setAttribute("class", "publish_1"); 
} 

Answer 3

Если вы не можете использовать jQuery, но хотите что-то подобное, вы можете сделать следующее. Добавьте следующий код в начало файла или где-нибудь еще, что легко видно.

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

Теперь в вашем коде вы можете сделать это:

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

Или даже еще лучше, если браузер поддерживает ECMAScript2015 вы можете использовать стрелки синтаксис:

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

Вы можете поместить выпишите все на одной строке, если хотите.