通過JS修改元素的樣式:
語法:元素.style.樣式名=樣式值
通過JS讀取元素的樣式:
語法:元素.style.樣式名
通過style屬性設置和讀取的都是內聯樣式
無法讀取樣式表中的樣式
注意:如果CSS的樣式名中含有-,
這種名稱在JS中是不合法的比如background-color需要將這種樣式名修改為駝峰命名法,
去掉-,然后將-后的第一個字母大寫,backgroundColor
我們通過style屬性設置的樣式都是內聯樣式,
而內聯樣式有較高的優先級,所以通過JS修改的樣式往往會立即顯示
但是如果在樣式中寫了!important,則此時樣式會有最高的優先級,
即使通過JS也不能覆蓋該樣式,此時將會導致JS修改樣式失效所以盡量不要為樣式添加!important