HTML DOM是关于如何获取、修改、添加或删除HTML元素的标准。
HTML DOM中,所有事物都是节点:
- 整个文档是一个文档节点
- 每个 HTML 元素是元素节点
- HTML 元素内的文本是文本节点
- 每个 HTML 属性是属性节点
- 注释是注释节点
HTML DOM方法:在节点上执行的动作
HTML DOM属性:在节点设置和修改的值
HTML DOM对象方法
getElementById(id) - 获取带有指定 id 的节点(元素)
appendChild(node) - 插入新的子节点(元素)
removeChild(node) - 删除子节点(元素)
replaceChild(node) - 替换子节点(元素)
insertBefore() - 在指定子节点前面插入新的子节点
getElementsByTagName() - 返回包含带有指定标签名称的所有元素的节点列表(集合/节点数组)
getElementsByClassName() - 返回包含带有指定类名的所有元素的节点列表
createAttribute() - 创建属性节点
createElement() - 创建元素节点
createTextNode() - 创建文本节点
getAttribute() - 返回指定的属性值
setAttribute() - 把指定属性设置或修改为指定的值
HTML DOM对象属性
innerHTML - 节点(元素)的文本值
parentNode - 节点(元素)的父节点
childNodes - 节点(元素)的子节点
attributes - 节点(元素)的属性节点
nodeName属性指定节点的名称
nodeName 是只读的
元素节点的 nodeName 与标签名相同
属性节点的 nodeName 与属性名相同
文本节点的 nodeName 始终是 #text
文档节点的 nodeName 始终是 #document
nodeValue 属性规定节点的值
元素节点的 nodeValue 是 undefined 或 null
文本节点的 nodeValue 是文本本身
属性节点的 nodeValue 是属性值
nodeType属性返回节点的类型,是只读的
元素 1;属性 2;文本 3;注释 8;文档 9