Question

（我知道我可以直接使用输入样式，但我有其他意图）

我尝试了几种方法

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

我试着将它放在头上，身上。我不知道还能做什么

Answer 1

使用onload

<body onload="style()">

将代码放在函数的底部

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

Answer 2

您需要告诉浏览器何时执行该语句。将它作为函数调用放在body的onload中就可以了。看看这个例子

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

Answer 3

试试这个..

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

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

Answer 4

你可以把你的代码放在身体标签

中来实现

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

Answer 5

简单地在此之前放置脚本例如......

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

或像这样编辑你的脚本

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

}
</script>

页面加载时如何更改表单输入的背景颜色？

5 个答案: