[Javascript] 怎麼更改特定元件的 style?




使用 Javascript 來更改 inline style 的句型,大概如下:

需要注意的是,在 css 裡面,屬性名稱可以含有 “-” 號,而在 Javascript 中,變數名稱不能含有 “-” 號。所以,如果要更動 css 中含有 “-” 號的屬性名稱,在 Javascript 中,會使用 Camel case 的屬性名稱。譬如說,如果要改變 css 的background-color 的屬性,在 javascript 中要使用:

另外,因為在 Javascript 中,”class” 是關鍵字,所以要更動 css 的 class 屬性時,在 Javascript 中要使用 “className” 屬性。

參考資料:




Be the first to comment

Leave a Reply

This site uses Akismet to reduce spam. Learn how your comment data is processed.