【www.bbyears.com--Dom教程】
篇文章我们讲了 用dom方式 创建节点,复制节点,插入节点。
今天我们将讲 删除节点,替换节点,查找节点等。
直接从方法说起:
删除节点。removeChild():
a
b
c
<script>
var msg = document.getElementById("cssrain");
var b = document.getElementById("b");
msg.removeChild(b);
</script>
如果不知道要删除的节点的父节点是什么?可以使用parentNode属性。
比如:
a
b
c
<script>
var b = document.getElementById("b");
var c = b.parentNode;
c.removeChild(b);
</script>
替换节点。repalceChild()
element.repalceChild( newNode , oldNode ); // 新节点是客人,肯定先服务他咯。。oldNode必须是Element的一个子节点。
例子:
a
b
c
<script>
var cssrain = document.getElementById("cssrain");
var msg = document.getElementById("b");
var para = document.createElement("p");
cssrain.replaceChild( para , msg );
</script>