第6章 DOM（下）-补充案例.doc.docxVIP

第6章DOM（下）-补充案例.doc

DOM（DocumentObjectModel）是一种用于处理HTML和XML文档的编程接口。在前文中，我们已经介绍了DOM的基本概念和常用操作方法。本文将进一步补充DOM的案例和相关参考内容。

1.创建元素节点

在DOM中，可以通过createElement()方法来创建新的元素节点。例如，我们可以创建一个新的p元素并添加到body元素中：

```javascript

varpara=document.createElement(p);

varnode=document.createTextNode(Thisisanewparagraph.);

para.appendChild(node);

document.body.appendChild(para);

```

2.删除元素节点

使用removeChild()方法可以删除指定的元素节点。例如，我们可以删除文档中的第一个p元素：

```javascript

varelement=document.getElementsByTagName(p)[0];

element.parentNode.removeChild(element);

```

3.替换元素节点

使用replaceChild()方法可以将一个元素节点替换为另一个元素节点。例如