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";