文档对象模型DOM(Document Object Module)
1. DOM模型框架
文档对象模型DOM(Document Object Module)定义了用户操作文档对象的接口。
2. DOM模型中的节点
理解:- 元素节点 - 文本节点 - 属性节点
3. 使用DOM
- 访问节点
- getElementsByTagName
- getElementById
得到一个数组:
所以有 .length
用中括号[索引]---访问各元素
.tagName
.nodeValue
- 父子关系
.childNodes----又是个数组,可用索引访问各元素(元素标记—子标记)
.hasChildNodes
- 节点的属性
.getAttrbute
- 创建新节点
createElement();
createTextNode();
appendChild() 增加为某节点的子节点
4. innerHTML
- 该属性表示某个标记之间的所有内容,包括代码本身
- 该属性可以读取,同时还可以设置