在javascript中動態檢索帶有循環的元素

我是JavaScript新手，我想通過循環的幫助獲取名稱中的元素，但無法獲取元素。請幫助，以便我可以通過使用循環來減少大量代碼。在javascript中動態檢索帶有循環的元素

下面是代碼行

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

上面的代碼是在JAVASCRIPT

來源

2012-12-03 user1872236

你提到獲得元素按名稱，但您使用getElementById ...如果您的控件的ID不是qption01-04，那麼這種方法將無法正常工作。 –

你說你想通過名稱獲取元素，但是你正在使用'getElementById' – sp00m

你想要通過名稱或ID獲取它嗎？ – saji89

當改變通過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上的this article。

來源

2012-12-03 10:32:31

您應該使用style對象..

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

來源

2012-12-03 10:33:22 bipen

你可以簡單地這樣做： -

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

完蛋了.. 希望它可以幫助...

來源

2012-12-03 10:33:48

這是一條評論，而不是答案。 –

@ kmb385雅...其實我是一個在stackoverflow新手：p ..但現在我已經把它變成一個答案.. :) –

優秀的工作。我鼓勵你繼續訪問社區，它很容易獲得該網站的掛件。 –

在javascript中動態檢索帶有循環的元素

回答

相關問題