Javascript查詢選擇器

Question

我有一個關於javascript選擇器的問題，我有3個具有相同類的div元素。 和我wwat改變二班的顏色。

<div class="box"> 
     Element1 
    </div> 

    <div class="box"> 
     Element2 
    </div> 

    <div class="box"> 
     Element3 
    </div> 

我試過下面的代碼：

var el = document.body.getElementsByTagName("div")[0].className; 
el.style.color = "green"; 

但它沒有工作。

你能幫助我嗎？ 在此先感謝。

Answer 1

我想你想要這樣的：

var el = document.body.getElementsByTagName("div")[0]; 

添加.className到年底使el成一個字符串，而不是一個元素。你

還可以省略.body從這個是你喜歡的，它更常見的，只是說：

var el = document.getElementsByTagName("div")[0]; 

Answer 2

您不使用.className JS結束。只要使用此：

var el = document.body.getElementsByTagName("div")[0]; 
 
el.style.color = "green";

<div class="box"> 
 
     Element1 
 
    </div> 
 

 
    <div class="box"> 
 
     Element2 
 
    </div> 
 

 
    <div class="box"> 
 
     Element3 
 
    </div>

Answer 3

試試這個選擇第二個DIV，

var el = document.body.getElementsByTagName("div")[1]; 
    el.style.color = "green";