DOM属性节点的操作方法

简介: DOM属性节点的操作方法

获取元素的所有属性节点

// 选择id为pink的标签
let pink = document.querySelector('#pink');
// 选择pink元素的所有属性节点
let pinkAttr = pink.attributes;
// 打印每一个属性
for(let i=0;i < pinkAttr.length;i++) {
    console.log(pinkAttr[i]);
}

获取属性节点的类型值、节点名、节点值

image.png

  1. nodeName也可以以写成name;
  2. nodeValue也可以写成value

image.png

操作行间属性的三个方法

  1. getAttribute():获取指定属性的值
  2. setAttribute():用于设置属性
  3. removeAttribute():用于删除指定属性

image.png

image.png

相关文章
|
5月前
|
JavaScript
HTML DOM 节点树
HTML DOM 节点是指在 HTML 文档对象模型中,文档中的所有内容都被视为节点。整个文档是一个文档节点,每个 HTML 元素是元素节点,元素内的文本是文本节点,属性是属性节点,注释是注释节点。DOM 将文档表示为节点树,节点之间有父子和同胞关系。
|
5月前
|
JavaScript
HTML DOM 节点
HTML DOM(文档对象模型)将HTML文档视为节点树,其中每个部分都是节点:文档本身是文档节点,HTML元素是元素节点,元素内的文本是文本节点,属性是属性节点,注释是注释节点。节点间存在父子及同胞关系,形成层次结构。
|
5月前
|
XML JavaScript 数据格式
XML DOM 遍历节点树
XML DOM 遍历节点树
|
5月前
|
移动开发 JavaScript 前端开发
原生js如何获取dom元素的自定义属性
原生js如何获取dom元素的自定义属性
143 4
|
5月前
|
JavaScript
DOM 节点列表长度(Node List Length)
DOM 节点列表长度(Node List Length)
|
5月前
|
JavaScript
DOM 节点列表长度(Node List Length)
DOM 节点列表长度(Node List Length)
|
5月前
|
XML JavaScript 数据格式
XML DOM 遍历节点树
XML DOM 遍历节点树
|
5月前
|
XML JavaScript 数据格式
XML DOM 遍历节点树
XML DOM 遍历节点树
|
5月前
|
XML JavaScript 数据格式
XML DOM 遍历节点树
XML DOM 遍历节点树
|
5月前
|
JavaScript
DOM 节点列表长度(Node List Length)
DOM 节点列表长度(Node List Length)