Question

我正在尝试使用html dom一次添加所有元素。 //没有jquery

以下是我的尝试：

document.getElementsByTagName("*").classList.add('addedclassname');

我想我无法选择（获取）所有元素。因为这个，

document.getElementById("id").classList.add('addedclassname');

正在运作。

Answer 1

你只需要像这样迭代每个元素

    var els = document.getElementsByTagName("*");
    for(var i = 0, all = els.length; i < all; i++){   
         els[i].classList.add('addedclassname');
     }

Answer 2

你应该迭代它们;

var elementList = document.getElementsByTagName("*");
for(var i = 0; i < elementList.length; i++)
{
    elementList[i].classList.add('addedclassname');
}

Answer 3

function addClass(){
document.getElementsByTagName("*")[0].setAttribute("class", "demo")
}

.demo {
    color: red;
}

<h1>this is h1 element</h1>
<p>hello this is p element</p>
<h2>this is h2 element</h2>
<button onclick='addClass()'>add class</button>

Html dom为所有元素添加类

3 个答案: