首页 诗词 字典 板报 句子 名言 友答 励志 学校 网站地图
当前位置: 首页 > 教程频道 > 网站开发 > JavaScript >

js动态掩藏和替换内容

2013-04-09 
js动态隐藏和替换内容html代码如下:div idaadddiv aligncenter2312fa/divdiv aligncenter

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';
 }
}

热点排行