如何在頁面加載時更改表單輸入的背景顏色？

（我知道我可以直接輸入方式做到這一點，但我有其他意圖）如何在頁面加載時更改表單輸入的背景顏色？

我試過幾種方法

<script> document.getElementById('myTextBox').style.backgroundColor = 'red'; </script> 
<script> document.form1.myTextBox.style.backgroundColor = 'red'; </script>

我試圖把它放在頭上，身上。我不知道自己還能做些什麼

來源

2013-07-18 user2594596

使用的onload

<body onload="style()">

並把你的代碼的功能，在機身

<script type="text/javascript"> 
function style(){ 
    document.getElementById('myTextBox').style.backgroundColor = 'red'; 
} 
</script> 
</body>

來源

2013-07-18 08:37:23

只是把劇本在身體的固定它的結束。我最初把它放在身體的開始。謝謝！ – user2594596

真棒。如果它對您有幫助，請註冊並標記爲最佳答案。 –

你需要告訴瀏覽器時的底部在你的情況下執行該聲明。把它作爲一個函數調用在身體的onload會做。看看這個例子

<html> 
<head> 
<script> 
    function FooBarFunction() 
    { 
     document.getElementById('foo').style.backgroundColor = 'red'; 
    } 
</script> 
</head> 
<body onload="FooBarFunction()"> 
<input type="textbox" id="foo"> 
</body> 
</html>

來源

2013-07-18 08:41:13 Giffesnaffen

試試這個..

$(function(){ 
    $("#myTextBox").css("background","red"); 
});

例子：http://jsfiddle.net/8BnrF/

來源

2013-07-18 08:46:49

DOM準備就緒後可以使用文檔，如果有多個圖像或腳本需要加載，則會失敗。 $（window）.load（function（）{/ * stuff * /}）會更好。 – Arda

你可以把你的代碼在身體

<body > 
    <script> document.getElementById('myTextBox').style.backgroundColor = 'red'; </script>

的標籤做

來源

2013-07-18 08:48:27

簡單地把你的腳本在此之前 e.g ...

<script> document.form1.myTextBox.style.backgroundColor = 'red'; </script> 
</body> 
</html>

或編輯這樣的腳本

<script>window.onload =function(){ document.getElementById('myTextBox').style.backgroundColor = 'red'; 

} 
</script>

來源

2013-07-18 08:48:32 shujatAli

如何在頁面加載時更改表單輸入的背景顏色？

回答

相關問題