js动态隐藏和替换内容

Question

html代码如下:
<div id="aadd">
<div align="center">2312fa</div>
<div align="center">sdfadf545</div>
<div align="center">agsdf45</div>
<div align="center"><b>nihao</b><a href="#">nihao</a></div>
</div问题是如何用JS来隐藏nihao这个DIV  或者是替换成halloworld。用getElementBy这个函数的话好像需要ID吧？但是只有父盒子有ID其他都没有了JavaScriptHTMLphp

Answer 1

<div id="aadd"> 0
<div align="center">2312fa</div> 1
<div align="center">sdfadf545</div> 2
<div align="center">agsdf45</div> 3
<div align="center"><b>nihao</b><a href="#">nihao</a></div> 4
</div>
用jquery的话，$("#aadd div").eq(4).css('display','none');

Answer 2

遍历所有div
var childs=document.getElementById('aadd').childNodes;
for(var i=0;i<childs.length;i++){
     if(childs[i].nodeType==1 && childs[i].nodeName=='DIV'){
       if(/nihao/.test(childs[i].innerHTML)) childs[i].style.display='none';
 }
}

Answer 3

按你这种方法的确可以隐藏掉了div。但是我要替换的话childs[i].style.display='none';这句我改成innerHTML="halloworld"后刷新结果只出现一个halloworld了貌似少了一个

Answer 4

if(/nihao/.test(childs[i].innerHTML)) childs[i].innerHTML=childs[i].innerHTML.replace(/nihao/g,'halloworld');