<textarea readonly="readonly" class="HTML">
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>无标题文档</title>
<style>
#div1 {width:200px; height:60px; border:1px solid #F70E12;}
.box {background:#10601C;}
</style>
</head>
<body>
<input type="button" value="点击" οnclick="diss()" />
<div id="div1">
Hrllo World !
</div>
<script>
function diss(){
var dis = document.getElementById("div1");
dis.className = "box";
}
</script>
</body>
</html>
</textarea>
注意:上面的#div1里面不能设置background属性,因为点击button时,实际上是在原有的id后面增加属性;
style的花括号后面不能加分号,否则容易导致错误。
所以说,从头到尾,要么都用style,要么都用className。