[javascript] vanilla js 實作 addClass() 與 removeClass()

以前寫 javascript 要去改變 新增/刪除 元素的 Class 總是覺得 jquery 方便許多,今天想說來整理個純 javscript 實作 addClass() 和 removeClass() 目前處理元素的 Class,我們可以使用 className 及 classList(支援IE10以上及各瀏覽器,部分瀏覽器有些小限制)。 以下例子會使用到 querySelectorAll (IE8以上之瀏覽器支援) 首先看使用 className 的實作 上面這段程式碼使用 className 實作出 selector addClass 的功能   上面這段程式碼則使用 className 實作出 selector removeClass 的功能   接下來我們換成使用 classList 實作 addClass() 與 removeClass()。(支援IE10 以上) 上面這段程式碼使用 classList 實作出 addClass()   上面這段程式碼使用 classList 時作出 removeClass() […]

Continue reading