属性节点操作的方法

属性操作 对于本身天生就有的属性 直接通过元素 . 属性名 来获取属性值

所有的标签天生就有的属性： id class style title

对于本身不是天生就有的可以通过getAttribute 来进行获取 （只要是里面的属性都可以获取）

    H5规定自定义属性data-开头作为属性名并且赋值
    H5新增的获取自定义属性的方法dataset(只能获取data开头的自定义属性),dataset是一个集合里面存放了所有以data开头的自定义属性
    element.dataset
    如果自定义属性里面有多个-链接的单词,我们获取的时候采取驼峰命名法
    例如:

   <div data-list-name="bady"></div> 
        var a = document.querySelector('div');
        a.dataset.listName

可以通过对应的方法进行设置 setAttribute

 box.setAttribute('username', '123') //参数1为属性名 参数2为属性值 俩个类型都是string

删除 参数你需要删除的属性名 removeAttribute

 box.removeAttribute('class') //删除class属性