Html domはすべての要素にクラスを追加します

Question

私はすべての要素に同時にhtml domを使ってaddclassを追加しようとしています。ここでは//ませ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>