DOM节点属性方法

DOM节点及方法

DOM节点

在 HTML DOM 中,所有事物都是节点。DOM 是被视为节点树的 HTML。

  • 整个文档是一个文档节点
  • 每个 HTML 元素是元素节点
  • HTML 元素内的文本是文本节点
  • 每个 HTML 属性是属性节点
  • 注释是注释节点

HTML DOM 树实例

在这里插入图片描述

DOM方法

方法描述
getElementById()返回带有指定 ID 的元素
getElementsByTagName()返回包含带有指定标签名称的所有元素的节点列表(集合/节点数组)
getElementsByClassName()返回包含带有指定类名的所有元素的节点列表
appendChild()把新的子节点添加到指定节点
removeChild()删除子节点
createAttribute()创建属性节点
createElement()创建元素节点
getAttribute()返回指定的属性值
setAttribute()把指定属性设置或修改为指定的值

DOM属性

  • innerHTML - 节点(元素)的文本值
  • parentNode - 节点(元素)的父节点
  • childNodes - 节点(元素)的子节点
  • attributes - 节点(元素)的属性节点
©️2020 CSDN 皮肤主题: 深蓝海洋 设计师:CSDN官方博客 返回首页