什么是DOM?
HTMLDOM将HTML文档视作树结构,被称为"节点树"
作用:可通过 java script (以及其他编程语言)对 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 元素的大写字母标签名。
|
nodeva lue |
规定节点的值。
- 元素节点的 nodeva lue 是 undefined 或 null
- 文本节点的 nodeva lue 是文本本身
- 属性节点的 nodeva lue 是属性值
|
nodeType |
返回节点的类型
|