获取页面对象的问题

Question

我想让页面上以'role'开头的div隐藏，应该怎么写？
document.getElementById(slice(0,4)='role').style.display="none";
这样写会提示缺少对象郁闷
求教各位高手！

Answer 1

页面上有很多个这样的div
<div id='role1'>xx</div>
<div id='role15'>xx</div>
<div id='role9'>xx</div>
<div id='role23'>xx</div>
<div id='role88'>xx</div>
<div id='role6'>xx</div>想让他们都隐藏

Answer 2

var divs = document.getElementsByTagName("div");for (var i = 0; i < divs.length; i++) {
    if (divs[i].id && divs[i].id.indexOf("role") {
        divs[i].dtyle.display = "none";
    }
}没有测试过哈，大体就是这么写

Answer 3

divs[i].id.indexOf 这个应该有问题吧？
页面要报错

Answer 4

var divs = document.getElementsByTagName("div"); for (var i = 0; i < divs.length; i++) { if (divs[i].id && divs[i].id.indexOf("role")>=0) { divs[i].dtyle.display = "none"; } }

Answer 5

for (var i=0;i < inputs.length;i++)
{
  if (inputs[i].type=="checkbox" && inputs[i].id.substring(0,5)=="roles")
   {
     inputs[i].checked=false;
   }
}