尽管getElementById有效,但GetElementsByTagName失败

时间:2017-09-07 06:33:05

标签: javascript

以下脚本运行正常,但当我使用GetElementsByTagName进行尝试时,它会失败。 ID只能使用一次,我想将其用于('a', h1, h2)。

欢迎提出想法,想法或解决方案。

window.setInterval(function(){
    var t = document.getElementById('test');  
    var z = 'rgb('+ (Math.floor(Math.random() * 184)) + ',' 
                  + (Math.floor(Math.random() * 102)) + ',' 
                  + (Math.floor(Math.random() * 184)) + ')';                    
    t.style.color = z
}, 1000);

1 个答案:

答案 0 :(得分:0)

getElementById只返回单个元素,但getElementsByTagName返回数组。您可以使用此代码。

window.setInterval(function(){
var t = document.getElementsByTagName('h1');  
var z = 'rgb(' + (Math.floor(Math.random() * 184)) + ',' 
                 + (Math.floor(Math.random() * 102)) + ',' 
                     + (Math.floor(Math.random() * 184)) + ')';
for(var i=0;i < t.length; i++)
{
  t[i].style.color = z
}

}, 1000);