javascript - 可以用setAttribute/removeAttribute對類別名稱進行增刪操作嗎？

Question

在群組裡討論原生js對類別名稱的操作問題，有人提出可以用setAttribute與removeAttribute的方法對類別名稱進行操作，我覺得很不解：我以為只有classList.add()或classList.remove( )這種方法可以解決這種需求，可是有人提出了用setAttribute('class', 'xxx')和removeAttribute('class')的方法。第一感覺就是限制與不安全：第一個只能將類別名稱更改為指定結果，第二刪除class屬性的做法從來沒有看過。請問對類別名稱的操作中是否有這樣的做法是否具有可行性？ ？

Answer 1

其實如果只是想處理增刪class的話，也可以選擇使用className來做，這樣也可以避免classList的相容性問題。

可以選擇自行封裝兩個增刪的方法出來。

實作程式碼如下

ele.className += ' clsName'; //添加类名
ele.className = ele.className.replace(/ ?deleteClsName/g,''); //删除类名

Answer 2

removeAttribute 是用来删除指定属性的， class 也是属性，自然可以删除。classList 是 HTML5 的 API,如果只能用它来添加删除，你让不支持 classList 的瀏覽器版本情何以堪。另外這種問題試一下不就知道了。

Answer 3

為什麼不用addClass....

setAttribute修改的是class這個整體屬性，如果要用來處理class，還需要做判斷

class="test1 test2 test3";這種情況下，你要setAttribute,你需要先判斷你的value存在不，不存在增加，存在不做處理。 remove的話，你要判斷存在不存在，不存在，不處理，存在的話，不能把其他的刪除。 。 。 。