JavaScript | HTML DOM

什么是DOM？

HTMLDOM将HTML文档视作树结构，被称为"节点树"

作用：可通过 JavaScript （以及其他编程语言）对 HTML DOM 进行访问

   

————————————————————————————————————————————

DOM对象方法

具体方法见手册

getElementById()	返回带有指定 ID 的元素。
getElementsByTagName()	返回包含带有指定标签名称的所有元素的节点列表（集合/节点数组）。
getElementsByClassName()	返回包含带有指定类名的所有元素的节点列表。
appendChild()	创建新的元素。
removeChild()	删除子节点。
replaceChild()	替换子节点。
insertBefore(	插入新的子节点。
createAttribute()	创建属性节点。
createElement()	创建元素节点。
createTextNode()	创建文本节点。
getAttribute()	返回指定的属性值。
setAttribute()	把指定属性设置或修改为指定的值。

————————————————————————————————————————————

DOM属性

具体方法见手册

innerHTML	获取元素内容 innerHTML 属性对于获取或替换 HTML 元素的内容很有用
nodeName	属性规定节点的名称 nodeName 是只读的 元素节点的 nodeName 与标签名相同 属性节点的 nodeName 与属性名相同 文本节点的 nodeName 始终是 #text 文档节点的 nodeName 始终是 #document nodeName 始终包含 HTML 元素的大写字母标签名。
nodeValue	规定节点的值。 元素节点的 nodeValue 是 undefined 或 null 文本节点的 nodeValue 是文本本身 属性节点的 nodeValue 是属性值
nodeType	返回节点的类型 nodeType 是只读的