关于手动添加属性的方法总结

Posted 2020-09-27

在开发过程中，会常遇到一种场景，是需要点击一下动态添加一个class或者id，

最近在复习js基础，总结了3个方法：

（1）3个步骤

var arr=document.createAttribute(‘class‘);（创建class）
arr.value="demo";（赋值）
top_.setAttributeNode(arr);（在元素中添加set进去）

（2）一步到位

top_.setAttribute("id","sex");

（3）直接赋值

sec.className="one";
sec.id="two";

以上三个都可以后期动态的在html页面上添加新的属性

移除：sec.removeAttribute(‘id‘);（直接写入你要移除的属性名）

var top_=document.getElementById("top"); （用getElementById（）方法，获取元素时，声明的变量名不能与id名一样）
var top__=document.querySelector(‘#top‘);（获取元素为id时，声明的变量名不能与id名一样）