的getElementsByTagName是不會改變顏色

Question

有沒有像CSS任何方式，我們可以用JavaScript改變顏色的標籤，我試過的getElementsByTagName但沒有任何反應。

我試圖尋找谷歌，但遺憾的是沒有找到，這就是爲什麼我問這個基本的JavaScript問題在這裏，感謝提前你的答案......

此代碼是不工作...

HTML ：

<p id="demo"> test test test test test</p> 

<span id="demoz"> test2 test2 test2 test2 test2</span> 

的Javascript：

document.getElementById('demo').style.background = "green"; 

document.getElementsByTagName('span').style.background = "green"; 

的jsfiddle：

http://jsfiddle.net/3j0vokLd/

Answer 1

這是因爲​​將產生類似陣列的對象。

要改變這個函數返回每個（跨度）元素的背景顏色，你會遍歷返回數組過（類似的對象）：

var spanElements = document.getElementsByTagName('span'); 

for (var i = 0; i < spanElements.length; i++) { 
    spanElements[i].style.background = 'green'; 
} 

See the updated JSFiddle

或者，如果你是隻是針對單個span元素，返回數組中的第一個，你可以這樣做：

document.getElementsByTagName('span')[0].style.background = 'green'; 

Answer 2

它返回一個NodeList：（？好，你可以在一個頁面上的多個span標籤，右）

document.getElementsByTagName('span')[0].style.background = "green"; 

Answer 3

是 - 檢查出來：

http://jsfiddle.net/gratiafide/gj0g5ysr/

var x = document.getElementsByTagName("SPAN"); 
var i; 
for (i = 0; i < x.length; i++) { 
    x[i].style.backgroundColor = "red"; 
} 

的getElementsByTagName返回一個集合，這是像陣列

Answer 4

嘗試利用document.querySelector()具有選擇"span[id=demoz"])指定具有屬性span元件id="demoz"設置background

document.getElementById("demo").style.background = "green"; 
 

 
document.querySelector("span[id=demoz]").style.background = "green";

<p id="demo"> test test test test test</p> 
 

 
<span id="demoz"> test2 test2 test2 test2 test2</span>

的jsfiddle http://jsfiddle.net/3j0vokLd/3/