当前位置: 代码迷 >> JavaScript >> js动态掩藏和替换内容
  详细解决方案

js动态掩藏和替换内容

热度:78   发布时间:2013-04-09 16:45:09.0
js动态隐藏和替换内容
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其他都没有了
JavaScript HTML php

------解决方案--------------------
遍历所有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';
 }
}
  相关解决方案