在開發過程中，會常遇到一種場景，是需要點擊一下動態添加一個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名一樣）

關於手動添加屬性的方法總結