欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

JavaScript style對象與CurrentStyle對象案例詳解

 更新時(shí)間：2021年08月25日 09:02:29   作者：張baby的小跟班  
這篇文章主要介紹了JavaScript style對象與CurrentStyle對象案例詳解,本篇文章通過簡要的案例,講解了該項(xiàng)技術(shù)的了解與使用,以下就是詳細(xì)內(nèi)容,需要的朋友可以參考下

1、Style對象

style對象代表一個(gè)單獨(dú)的樣式聲明，可以從應(yīng)用樣式的文檔元素訪問Style對象。style對象獲取的是內(nèi)聯(lián)樣式，即元素標(biāo)簽中style屬性的值。

例子：

<style type="text/css">#div{color:gray;}</div>//內(nèi)部樣式
<div id="div" style="color:red;"></div>//內(nèi)聯(lián)樣式
document.getElementById('id').style.color;//值為red

2、currentStyle對象

返回所有樣式聲明（包括內(nèi)部、外部、內(nèi)聯(lián)）按css層疊規(guī)則作用于元素的最終樣式。只有IE和Opera支持使用CurrentStyle獲取的元素計(jì)算后的樣式。getComputeStyle()方法可以獲取當(dāng)前元素所使用的css屬性值。

var div=window.getComputeStyle("div",null).color;//第一個(gè)參數(shù)為目標(biāo)元素，第二個(gè)參數(shù)為偽類（必需，沒有偽類設(shè)為null）

與style對象的區(qū)別：

getComputeStyle()是只讀，只能獲取不能設(shè)置，style能讀能設(shè)；

對于一個(gè)沒有設(shè)定任何樣式的元素，getComputedStyle()返回對象中的length屬性值，而style對象中l(wèi)ength是0。

不同的瀏覽器對currentStyle對象支持有差異，需要兼容處理。

var div=document.getElementById('div');

var colorStr=null;

if(div.currentStyle){//兼容IE

       colorStr=div.currentStyle;

}else{
colorStr=window.getComputedStyle(div,null);

}

var col=colorStr.color;//得到div的color屬性值

3、例子（可拖動的層）

currentstyle對象

style對象

到此這篇關(guān)于JavaScript style對象與CurrentStyle對象案例詳解的文章就介紹到這了,更多相關(guān)js style對象與CurrentStyle對象內(nèi)容請搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關(guān)文章希望大家以后多多支持腳本之家！

相關(guān)文章

最新評論