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

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

DOM（文档对象模型）是一种用于表示和操作HTML、XML和XHTML文档的跨平台和语言无关的API。在Web开发中，DOM允许开发者使用JavaScript等脚本语言来访问和操作文档的各个部分，比如元素、属性和文本内容。本文将介绍DOM的一些补充案例，并提供相关参考内容。

1.动态创建HTML元素

DOM允许我们使用JavaScript动态创建HTML元素，并将其插入到文档中的指定位置。以下是一个示例代码：

```javascript

//创建一个新的div元素

varnewDiv=document.createElement(div);

//设置div元素的内容和样式

newDiv.innerHTML=Thisisanewdivelement;

newDiv.style.backgroundColor=red;

//获取文档中的body元素，并将新的div元素插入到body之后

document.body.appendChild(newDiv);

```

2.遍历DOM树

DOM也可以用于遍历文档中的元素，并进行相关操作。以下是一个示例代码：

```javascript

//获取文档中所有的p元素

varparagraphs=document.getElementsByTagNam