1什么是DOM:
Document Object Model
什么是: 专门操作网页内容的API标准 - W3C
何时: 今后操作网页内容,只有用DOM API
包括: 增删改查,事件绑定
2. DOM Tree:
什么是: 内存中,保存网页中所有内容的树形结构
为什么: 树形结构最适合保存上下级包含关系。
如何:
1. 浏览器下载一个HTML文档后,先在内存建立树根节点-document,所有网页内容都是document节点的后代节点
2. 浏览器按照元素的上下级包含关系,在document节点下逐级创建后代节点
节点对象: 网页中每一项内容(元素,属性,文本,注释。。。)都是一个节点对象
所有节点都有三个公共的属性: nodeType 、nodeName、nodeValue
| 属性 | 使用 | 取值 | 缺点 |
|---|---|---|---|
| nodeType 节点类型: | 只要区分节点的类型时 | 值是数字: 1 element 2 attribute 3 text 9 document | 问题: 无法进一步区分节点 |
| nodeName 节点名称 | 只要进一步区分节点的名称时 | 1、document #document 2、element 全大写标签名 3、attribute 属性名 4、 text #text | |
| nodeValue 节点值 | 几乎不用 | document nullelement nullattribute 属性值 text 文本内容 |