javascript - 在javascript中使用循环动态检索元素

Question

我是 javascript 新手，我想在循环的帮助下通过名称获取元素，但无法获取元素。请提供帮助，以便我可以通过使用循环来减少大量代码。

下面是代码行

function (e){
    for(var i=1;i<5;i++){
        var name = "qption0"+i;
        var clicableObject = document.getElementById(name);
        clicableObject.backgroundColor = "#00FF00";
    }
}

上面的代码是 JAVASCRIPT

Answer 1

你可以简单地这样做： -

var name = "qption0"+i;
var clicableObject = document.getElementsByName(name);
clicableObject.style.backgroundColor = "#00FF00"

就是这样。。希望对你有帮助。。。

Answer 2

通过 Javascript 更改元素背景颜色时，语句的语法是elem.style.backgroundColor. 提供的代码省略了.style.此调用的部分。

function (e){
    for(var i=1;i<5;i++){
        var name  = "qption0"+i;
        var clicableObject  = document.getElementById(name);        
        clicableObject.style.backgroundColor = "#00FF00"; //notice .style.back..
}

有关更多信息，请查看MDN 上的这篇文章。

Answer 3

你应该使用style对象..

clicableObject.style.backgroundColor = "#00FF00";