資料載入中

胡言亂語

javascript change css class


javascriptchangecssclass
使用classList是一個方便的替代方法,可以將元素的類列表作為空格分隔的字符串來訪問。
document.getElementById("MyElement").classList.add('MyClass');
document.getElementById("MyElement").classList.remove('MyClass');
if ( document.getElementById("MyElement").classList.contains('MyClass') )
document.getElementById("MyElement").classList.toggle('MyClass');

不幸的是,這些在Internet Explorer v10之前的版本中不起作用。

但我想這些應該都是已經是不變的事實~所以也不意外了。

Internet Explorer 永遠都是工程師的惡夢( ̄∇ ̄)

  • 使用classList訪問元素類列表
  • Internet Explorer v10之前的版本問題
  • 工程師面對Internet Explorer困擾
  • 空格分隔字符串的使用方法
  • 元素類列表的替代訪問方式
https://innstory.com/story-javascriptchangecssclass-1842

上一篇
 fancyboxclose的方式

下一篇
嘰嘰喳喳 

發表留言

作者簡介

離不開電腦的宅男


推薦閱讀

作者其他相關類別故事

PHP清空陣列函數

PHP清空陣列函數

Mark Chang 8 年又 173 天 2.2K

將整個陣列清空,但之後如果再加入元素,其 index 是往上累加的,而非從 0 開始。 使用 un...

使用CSS 讓ul li 橫向水平

使用CSS 讓ul li 橫…

Mark Chang 5 年又 153 天 2.4K

好吧,其實這個css常在用,但我每次都沒特別紀錄,然後每次又忘記然後又要Google。 其實主要就是...

使用 SendGrid 這類第三方代發郵件平台時,寄信平台顯示信件已經順利寄出,但對方卻說收不到信,會有哪些原因

使用 SendGrid 這類…

Mark Chang 2026-06-09 下午 3 點 180

在使用 SendGrid 這類第三方代發郵件平台時,出現「後台顯示已寄出(Delivered),但收...