2.元素属性和元素类的增删改查

1.设置元素属性

div1.setAttribute("key","value") 设置元素属性

第一个参数为属性的名称

第二个参数为属性的值

2.获取元素属性

div1.getAttribute("key")   获取元素的属性

只有一个参数就是属性的名称

3.删除元素属性

div1.removeAttribute("key").　删除元素的属性  

只有一个参数就是属性的名称

4.判断元素属性是否存在

div1.hasAttribute("key")   判断元素属性是否存在  

只有一个参数为属性的名称

有就返回True  没有就返回False 

5.获取类名/赋值

div1.className  返回类的名称  

可以赋值  也可以返回类的名称

6.类列表的增加 删除 判断

（1）增加一个类

div1.classList.add("div2")   给元素在原有的基础上增加一个类 

class="div1 div2"

（2）删除一个类

div1.classList.remove("div2")  删除元素其中的一个类

（3）判断有没有这个类

div1.classList.contains("div1") 

返回True 或者 False 

（4）如果有这个类就删除 没有就添加

var div1 = document.getElementById("div1");
    div1.onclick = function(){
        div1.classList.toggle("div2")
    }

　　

PS : 自学记录前端 有错欢迎各位大佬指出

QQ:1759435876