HTML DOM W3CSchool 学习笔记

1. HTML DOM
HTML 文档对象模型（HTML Document Object Model）定义了访问和处理 HTML 文档的标准方法。
通过 JavaScript，您可以通过HTML DOM重构整个 HTML 文档。您可以添加、移除、改变或重排页面上的项目。

 

2. 节点

DOM 是这样规定的：

整个文档是一个文档节点

每个 HTML 标签是一个元素节点

包含在 HTML 元素中的文本是文本节点

每一个 HTML 属性是一个属性节点

注释属于注释节点

 

3. 访问节点

通过使用 getElementById() 、getElementsByName() 和 getElementsByTagName() 方法

通过使用一个元素节点的 parentNode、firstChild 以及 lastChild 属性

通过document.documentElement或document.body访问根节点

 

4. 节点信息

每个节点都拥有包含着关于节点某些信息的属性。这些属性是：

nodeName（节点名称）

nodeValue（节点值）

nodeType（节点类型）

 

nodeName 属性含有某个节点的名称。
元素节点的 nodeName 是标签名称
属性节点的 nodeName 是属性名称
文本节点的 nodeName 永远是 #text
文档节点的 nodeName 永远是 #document
注释：nodeName 所包含的 XML 元素的标签名称永远是大写的

nodeValue
对于文本节点，nodeValue 属性包含文本。
对于属性节点，nodeValue 属性包含属性值。
nodeValue 属性对于文档节点和元素节点是不可用的。

nodeType
nodeType 属性可返回节点的类型。
最重要的节点类型是：
元素类型     节点类型
元素             1
属性             2
文本             3
注释             8
文档             9

 

5.HTML DOM 对象参考

http://www.w3school.com.cn/htmldom/htmldom_reference.asp