style属性
单一单词的CSS样式属性,直接使用“对象名.style.样式名”来访问,如obj.style.color=“red”;
复合词,将复合符号“-”去掉,并将其后的单词首字母改成大写,如obj.style.fontSize=“18px”
className属性
当修改的样式比较多时,可以借助于样式表,为不同状态下的样式分别定义一个类选择器,在脚本中使用“对象名.className”来访问
<body>
<div id="mydiv" style="width:100px;height:100px;background-color:#ccc;font-size:12px;">welcome to itany!</div>
用户名:<input type="text" id="username" onfocus="doFocus()" onblur="doBlur(this)"><br/>
密码:<input type="password" id="password"><br/>
<input type="button" value="点我" id="btn">
</body>
//修改username对象的border样式
function doFocus(){
var txt=document.getElementById("username");
txt.style.border="1px solid red";
}