MyException - 我的异常网
当前位置:我的异常网» JavaScript » js动态掩藏和替换内容

js动态掩藏和替换内容

www.myexceptions.net  网友分享于:2013-04-10  浏览:8次
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';
 }
}

文章评论

软件开发程序错误异常ExceptionCopyright © 2009-2015 MyException 版权所有