属性节点API的增删改查（javascript）

1.特殊属性：可以通过打点进行设置。如：id,href,sec

        div.id = "d1" // id属性可以直接打点设置
        a.href = "www.baidu.com"
            // a标签的herf属性和img标签的src属性都可以直接打点设置
        console.log(div.id) // id， href, src 特殊属性可以直接打点查

2.普通属性：name，或者自定义属性

        div.setAttribute("age", 10) // 设置普通属性
        div.removeAttribute("id") // 删除属性
        console.log(div.getAttribute("age")) // 查普通属性值
        console.log(div.attributes) // 查看所有属性

3.class属性

div.className = "d1" // 直接设置class
        div.classList.add("d2") // 添加class值
            // div.classList.remove("d1") //删除class值
        div.classList.replace("d2", "d3")
            // div.classList.toggle("d3") 
        var bool = div.classList.contains("d3") // 判断是否包含d3的类名
        console.log(bool);

4.style属性

        div.style.color = "red"
        div.style.fontSize = "30px"
        console.log(div.style.color)