JS基礎(操作內聯樣式)


通過JS修改元素的樣式:
語法:元素.style.樣式名=樣式值
通過JS讀取元素的樣式:
語法:元素.style.樣式名

通過style屬性設置和讀取的都是內聯樣式
無法讀取樣式表中的樣式

注意:如果CSS的樣式名中含有-,
這種名稱在JS中是不合法的比如background-color需要將這種樣式名修改為駝峰命名法,
去掉-,然后將-后的第一個字母大寫,backgroundColor

我們通過style屬性設置的樣式都是內聯樣式,
而內聯樣式有較高的優先級,所以通過JS修改的樣式往往會立即顯示
但是如果在樣式中寫了!important,則此時樣式會有最高的優先級,
即使通過JS也不能覆蓋該樣式,此時將會導致JS修改樣式失效所以盡量不要為樣式添加!important


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM