Question

如何用javascript来操作多个同类的css样式呢？

<div id = "content" class = "content" >
<div class = "content-block">
<div class = "content-title"></div>
</div>
<div class = "content-block">
<div class = "content-title"></div>
</div>
<div class = "content-block">
<div class = "content-title"></div>
</div>
<div class = "content-block">
<div class = "content-title"></div>
</div>
<div class = "content-block">
<div class = "content-title"></div>
</div>
<div class = "content-block">
<div class = "content-title"></div>
</div>
</div>

我想改变里面所有 class 为content-block的属性，用getElementsByClassName().style 会报错，getElemensByclassName应该返回的是一个数组，难道只能用循环来遍历，有没有可以直接改动content-block这个类的方法？

Answer 1

如果你真想好好编网页的话， 极其建议你使用 jQuery 库， 网上下载一下。
在开头插入库，
<script src="jquery.js"> </script>
然后你的问题解决方法就很简单了。

$(".content-block").css({ "height" : "20px" , "width" : "100px" , "background" : "#ccc" });

很明显 ， $ 里面的content-block前面有 " . " ， 就是自带class名称，所以上面的代码就是改变所有class名称为"content-block" 的标签。

$("#abc") 自带ID为 abc的所有元素.
$("div") 指代所有DIV元素。
$("div:last") 指代最后一个DIV。

有JQ之后 就不需要在用这么复杂的方法去获取了，真的。开始我也看不起JQ ，现在发现没这玩意网站的JS真心没法玩。