71 DOM——HTML元素属性操作

1、元素属性操作的属性和方法

在DOM中，为了方便JavaScript获取、修改和遍历指定HTML元素的相关属性，提供了操作的属性和方法。

利用attributes属性可以获取一个HTML元素的所有属性，以及所有属性的个数length。

<div id="div1" value="2">123</div>
//获取属性
console.log("我是改变前的id："+oDiv.getAttribute('id'))
console.log("我是改变前的value："+oDiv.getAttribute('value'))
//改变属性
oDiv.setAttribute('id','dom')
oDiv.setAttribute('value','100')

console.log("我是改变后的id："+oDiv.getAttribute('id'))
console.log("我是改变后的value："+oDiv.getAttribute('value'))
//删除属性  removeAttribute
oDiv.removeAttribute('value')

2、练习

请利用HTML DOM实现全选、全不选、反选功能。