js 直接控制css class 属性问题

[iinbase]

<div class="entry">作　　者：XXX</div>
<div class="entry">作　　者2：XXX</div>
<div class="entry">作　　者3：XXX</div>
<div class="entry">作　　者1：XXX</div>
.entry {
padding: 2px 0;
display: none;
}

页面上有好多这个class
请问， 如何用js 动态修改 那个 display 的属性 把他改成 block 或者none？

[奇乐二二二]

用jquery的话比较快$('.entry').css('display', 'none');
用js的话得遍历一遍了

[iinbase]

原始的js 如何遍历？

[孟子E章]

d = document.getElementsByTagName("div")
for(i=0;i<d.length;i++)
{
if(d[i].className == "entry")
{
d[i].style.display="block"
}
}

[孟子E章]

最新版的浏览器现在支持
elements = document.getElementsByClassName(names); // or:
elements = rootElement.getElementsByClassName(names);

这种方法直接按照class来查找