Question

用JavaScript一层一层找到元素的子节点

代码如下：
<div id="wrap">
<div id="nav">
<div class="ui-scroller">
<div class="ui-navigator-list">
<ul>
<li class="ui-state-active"><a href="#test1"><div class="ui-imgs"><img src="img/lst1.png"/><!--图片尺寸：110*110--></div><p class="actvc1">新品</p></a></li>
<li><a href="#test1"><div id="ui-imgs" class="ui-imgs"><img src="img/lst2.png"/></div><p >推荐</p></a></li>
<li><a href="#test1"><div id="ui-imgs" class="ui-imgs"><img src="img/lst3.png"/></div><p >佐料</p></a></li>
<li><a href="#test1"><div id="ui-imgs" class="ui-imgs"><img src="img/lst4.png"/></div><p >水果</p></a></li>
<li><a href="#test1"><div id="ui-imgs" class="ui-imgs"><img src="img/lst5.png"/></div><p >百货</p></a></li>
<li><a href="#test1"><div id="ui-imgs" class="ui-imgs"><img src="img/lst6.png"/></div><p >零食</p></a></li>
<li><a href="#test1"><div id="ui-imgs" class="ui-imgs"><img src="img/lst1.png"/></div><p >新品</p></a></li>
<li><a href="#test1"><div id="ui-imgs" class="ui-imgs"><img src="img/lst2.png"/></div><p >推荐</p></a></li>
<li><a href="#test1"><div id="ui-imgs" class="ui-imgs"><img src="img/lst3.png"/></div><p >佐料</p></a></li>
<li><a href="#test1"><div id="ui-imgs" class="ui-imgs"><img src="img/lst4.png"/></div><p >水果</p></a></li>
<li><a href="#test1"><div id="ui-imgs" class="ui-imgs"><img src="img/lst5.png"/></div><p >百货</p></a></li>
<li><a href="#test1"><div id="ui-imgs" class="ui-imgs"><img src="img/lst6.png"/></div><p >零食</p></a></li>
</ul>
</div>
</div>
</div>
</div>
想要找到id="ui-imgs" 这个节点元素并将其隐藏

Answer 1

var wrap = document.getElementById("wrap");
var tags = wrap.getElementsByTagName("*");
for(var i = 0; i < tags.length; i++){
    if (!!tags[i].id && tags[i].id == 'ui-imgs'){
        tags[i].style.display = 'none';
    }
}