Как можно всем дивам на странице (кроме дивов с определенными классами и id) добавить один класс через javascript? Например, при клике на определенную кнопку, или сразу при загрузке страницы.
Используем псевдокласс :not().
var blurElems = document.querySelectorAll('body *:not(.my_modal)');
for(var i = 0; i < blurElems.length; i++){
blurElems[i].className += " blur_class";
}
Всем элементам, у которых нет класса "my_modal", добавляем класс "blur_class".
UPD Кстати, есть методы className, которые позволяют гораздо проще управлять классами: add(), remove(), toggle() и contains(), но только нужно учитывать, что в старых браузерах может и не работать.