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]);
}

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

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

操作行间属性的三个方法

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