HTML_DOM

访问和操作HTML文档的标准方法

Posted by CHY on October 12, 2020

HTML DOM是关于如何获取、修改、添加或删除HTML元素的标准。
HTML DOM中,所有事物都是节点:

  1. 整个文档是一个文档节点
  2. 每个 HTML 元素是元素节点
  3. HTML 元素内的文本是文本节点
  4. 每个 HTML 属性是属性节点
  5. 注释是注释节点

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