window.onload = function() {
var abcs = document.getElementsByClassName("abc")
for(var i = 0i <abcs.lengthi++) {
abcs[i].style.width = "50%"
}
}
</script>
注意：上面的代码不支持 IE 6/7，因为 IE 6/7 不支持 getElementsByClassName。
下面的代码支持 IE 6/7，使用 getElementsByTagName 查找 div，再查找 abc
<script type="text/javascript">window.onload = function() {
var divs = document.getElementsByTagName("div")
for(var i = 0i <divs.lengthi++) {
var classes = divs[i].className.split(" ")
for(var a = 0a <classes.lengtha++) {
if(classes[a] === "abc") {
divs[i].style.width = "50%"
break
}
}
}
}
</script>
1、JavaScript允许你更改元素的class或id。当你更改之后，浏览器会自动更新元素的样式。2、是className，可不是class
注意：JavaScript使用的是className去访问class属性，因为class是一个保留关键字，因为将来JavaScript可能开始支持像Java一样的类。
