JavaScript 删除和替换节点

可以在节点树中生成、添加、复制一个节点,当然也可以删除节点树中特定的节点。

DOM 提供removeChild()方法来进行删除操作,语法如下:removeNode=object.removeChild(name)参数name 指明要删除的节点名称,该方法返回所删除的节点对象。

下面的实例演示如何使用 removeChild()方法删除节点:[code]

First Page!

Welcome to DOM World!

[/code]程序运行结果如图所示。

DOM 中使用replaceChild( )来替换指定的节点,语法如下:object.replaceChild(newChild,oldChild)其中参数:

newChild:新添加的节点

oldChild:被替换的目标节点

当节点内容完全是文本时,此方法修改节点内容最为直接。如果不存在文本节点,则不起任何作用。

下面专门介绍DOM 中文本节点的特有操作方法。

注意:通过createTextNode( )方法产生的文本节点没有任何内在样式,如果要改变文本节点的外观及文本,就必须修改该文本节点的父节点的style 属性。

执行样式更改和内容变化的浏览器将自动刷新此网页,以适应文本节点样式和内容的变化。