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

标签：value   开发   att   过程   nod   demo   val   js基础   属性的方法   

在开发过程中，会常遇到一种场景，是需要点击一下动态添加一个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名一样）

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

标签：value   开发   att   过程   nod   demo   val   js基础   属性的方法   

原文地址：http://www.cnblogs.com/xumqfaith/p/7126887.html