Javascript入门学习第七篇 js dom实例操作第1/2页

时间：2021-05-26

直接从方法说起：
1，删除节点。removeChild():
<body>
<divid="cssrain">
<divid="a">a</div>
<divid="b">b</div>
<divid="c">c</div>
</div>
</body>
<script>
varmsg=document.getElementById("cssrain");
varb=document.getElementById("b");
msg.removeChild(b);
</script>
如果不知道要删除的节点的父节点是什么？可以使用parentNode属性。
比如：
<body>
<divid="cssrain">
<divid="a">a</div>
<divid="b">b</div>
<divid="c">c</div>
</div>
</body>
<script>
varb=document.getElementById("b");
varc=b.parentNode;
c.removeChild(b);
</script>

2，替换节点。repalceChild()
element.repalceChild(newNode,oldNode);//新节点是客人，肯定先服务他咯。。oldNode必须是Element的一个子节点。
例子：
<body>
<divid="cssrain">
<divid="a">a</div>
<divid="b">b</div>
<divid="c">c</div>
</div>
</body>
<script>
varcssrain=document.getElementById("cssrain");
varmsg=document.getElementById("b");
varpara=document.createElement("p");
cssrain.replaceChild(para,msg);
</script>

3，查找节点
相对上面的方法，查找节点是比较简单的。
因为很多人都用过。(记得我认识js的第一句就是getElementById();)
getElementById();
返回一个对象，对象拥有nodeName,nodeType,parentNode,ChildNodes等属性。

getElementsByTagName()查找标签名的所有元素。
返回一个集合，可以用循环取出每个对象，对象拥有nodeName,nodeType,parentNode,ChildNodes等属性。
例子：
varps=document.getElementsByTagName(“p”);
for(vari=0;i<ps.length;i++){
ps[i].setAttribute(“title”,”hello”);
//也可以使用:ps.item(i).setAttribute("title","hello");
}
12下一页阅读全文

声明：本页内容来源网络，仅供用户参考；我单位不保证亦不表示资料全面及准确无误，也不保证亦不表示这些资料为最新信息，如因任何原因，本网内容或者用户因倚赖本网内容造成任何损失或损害，我单位将不会负任何法律责任。如涉及版权问题，请提交至online#300.cn邮箱联系删除。

相关文章