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