JS獲取CSS樣式（style/getComputedStyle/currentStyle）_javascript技巧
來源：懂視網
責編：小采
時間：2020-11-27 21:49:08
JS獲取CSS樣式（style/getComputedStyle/currentStyle）_javascript技巧
JS獲取CSS樣式（style/getComputedStyle/currentStyle）_javascript技巧:CSS的樣式分為三類： 內嵌樣式：是寫在Tag里面的，內嵌樣式只對所有的Tag有效。 內部樣式：是寫在HTML的里面的，內部樣式只對所在的網頁有效。 外部樣式表：如果很多網頁需要用到同樣的樣式(Styles)，將樣式(Styles)寫在一個以.css為后綴的CSS文件
導讀JS獲取CSS樣式（style/getComputedStyle/currentStyle）_javascript技巧:CSS的樣式分為三類： 內嵌樣式：是寫在Tag里面的，內嵌樣式只對所有的Tag有效。 內部樣式：是寫在HTML的里面的，內部樣式只對所在的網頁有效。 外部樣式表：如果很多網頁需要用到同樣的樣式(Styles)，將樣式(Styles)寫在一個以.css為后綴的CSS文件
CSS的樣式分為三類：
內嵌樣式：是寫在Tag里面的，內嵌樣式只對所有的Tag有效。
內部樣式：是寫在HTML的里面的，內部樣式只對所在的網頁有效。
外部樣式表：如果很多網頁需要用到同樣的樣式(Styles)，將樣式(Styles)寫在一個以.css為后綴的CSS文件里，然后在每個需要用到這 些樣式(Styles)的網頁里引用這個CSS文件。
getComputedStyle是一個可以獲取當前元素所有最終使用的CSS屬性值。返回的是一個CSS樣式對象([object CSSStyleDeclaration])
currentStyle是IE瀏覽器的一個屬性，返回的是CSS樣式對象
element指JS獲取的DOM對象
element.style //只能獲取內嵌樣式
element.currentStyle //IE瀏覽器獲取非內嵌樣式
window.getComputedStyle(element,偽類) //非IE瀏覽器獲取非內嵌樣式
document.defaultView.getComputedStyle(element,偽類)//非IE瀏覽器獲取非內嵌樣式
注：Gecko 2.0 (Firefox 4 / Thunderbird 3.3 / SeaMonkey 2.1) 之前，第二個參數“偽類”是必需的（如果不是偽類，設置為null），現在可以省略這個參數。
下面的html中包含兩種css樣式，id為tag的div是內嵌樣式，而id為test的div樣式為內部樣式.
JS部分
聲明：本網頁內容旨在傳播知識，若有侵權等問題請及時與本網聯系，我們將在第一時間刪除處理。TEL:177 7030 7066 E-MAIL:11247931@qq.com
JS獲取CSS樣式（style/getComputedStyle/currentStyle）_javascript技巧
JS獲取CSS樣式（style/getComputedStyle/currentStyle）_javascript技巧:CSS的樣式分為三類： 內嵌樣式：是寫在Tag里面的，內嵌樣式只對所有的Tag有效。 內部樣式：是寫在HTML的里面的，內部樣式只對所在的網頁有效。 外部樣式表：如果很多網頁需要用到同樣的樣式(Styles)，將樣式(Styles)寫在一個以.css為后綴的CSS文件
