的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/