当页面加载时，如何将文本框的背景色设置为其自己的值

Question

我认为这可以工作：

<input type="text" id="ThisIsDynamicAsItsInARepeater" OnLoad="this.style.backgroundColor=this.innerHTML"

但这让我：

预期的标识符

我知道文本框的值是有效的HTML颜色值。

Answer 1

onload属性不适用于输入。 您需要在javascript标记内完成此操作。 这应该做的工作:)

一些投入

<input type="text" id="ThisIsDynamicAsItsInARepeater" value="green" />
<input type="text" id="ThisIsDynamicAsItsInARepeater" value="black" />
<input type="text" id="ThisIsDynamicAsItsInARepeater" value="blue" />

JS

//wait for the page to load
window.onload = function(){

//target all inputs first
var input = document.getElementsByTagName('input');
for(var i = 0; i< input.length; i++){
    //filter out inputs which have id attribute
    if(input[i].hasAttribute("id")){
        //now check if they have ThisIsDynamicAsItsInARepeater
        if( input[i].getAttribute("id").indexOf('ThisIsDynamicAsItsInARepeater') >= 0){
            //finally change color
            input[i].style.backgroundColor = input[i].value;
        }
    }
}

}
</script>