DOM
DOM 就是 文档对象模型,是 Document Object Model 的简称;是 W3C 国际标准化组织 制定的一套处理 HTML 和 XML 文档的规范,所有的浏览器都遵循了这套标准
W3C 组织定义了一系列的 DOM 接口,通过这些 DOM 接口就可以修改网页的内容、结构和样式。
DOM 节点
根据 W3C 的 HTML DOM 标准,HTML 文档中的所有内容都是节点:
- 整个文档是一个文档节点
- 每个 HTML 元素属于元素节点
- HTML 元素中的文本属于文本节点
- 每个 HTML 属性是属性节点
- 每段注释属于注释节点
节点的类型值:
1
元素节点2
属性节点3
文本(文字、空格、换行)节点8
注释节点9
doucment 文档节点
获取节点的类型值
通过 nodeType
属性可获取指定节点对象的类型值
语法:
node.nodeType
node
DOM节点
获取节点的名称
通过 nodeName
属性可获取指定节点的节点名称
-
如果节点属于元素节点,则 nodeName 属性返回标签名
-
如果节点是属性节点,则 nodeName 属性返回属性的名称
-
对于其他节点类型,nodeName 属性返回不同节点类型的不同名称。
语法:
node.nodeName
获取节点的值
通过 nodeValue
属性可根据节点的类型设置或返回节点的值
获取节点值:
node.nodeValue
设置节点值:
node .nodeValue = value
value<