溫馨提示×
您好，登錄后才能下訂單哦！
點擊 登錄注冊 即表示同意《億速云用戶服務條款》
您好，登錄后才能下訂單哦！
本篇文章為大家展示了currentstyle屬性有什么用，內容簡明扼要并且容易理解，絕對能使你眼前一亮，通過這篇文章的詳細介紹希望你能有所收獲。
CurrentStyle返回所有樣式聲明（包括內部、外部、內聯）按css層疊規則作用于元素的最終樣式。只有IE和Opera支持使用CurrentStyle獲取的元素計算后的樣式。getComputeStyle()方法可以獲取當前元素所使用的css屬性值。
currentstyle屬性的作用是什么？
該屬性是一個對象，也是計算后的樣式的屬性值對的集合。為了兼容性我們可以將其封裝改寫一下，提供一個統一的方法getCurrentStyle(node)，如下：
functiongetCurrentStyle(node){
varstyle=null;
if(window.getComputedStyle){
style=window.getComputedStyle(node,null);
}else{
style=node.currentStyle;
}
currentStyle對象
vardiv=window.getComputeStyle("div",null).color;//第一個參數為目標元素，第二個參數為偽類（必需，沒有偽類設為null）
與style對象的區別：
getComputeStyle()是只讀，只能獲取不能設置，style能讀能設；
對于一個沒有設定任何樣式的元素，getComputedStyle()返回對象中的length屬性值，而style對象中length是0。
不同的瀏覽器對currentStyle對象支持有差異，需要兼容處理。
vardiv=document.getElementById('div');
varcolorStr=null;
if(div.currentStyle){//兼容IE
colorStr=div.currentStyle;
}else{
colorStr=window.getComputedStyle(div,null);
}
varcol=colorStr.color;//得到div的color屬性值
上述內容就是currentstyle屬性有什么用，你們學到知識或技能了嗎？如果還想學到更多技能或者豐富自己的知識儲備，歡迎關注億速云行業資訊頻道。
免責聲明：本站發布的內容（圖片、視頻和文字）以原創、轉載和分享為主，文章觀點不代表本網站立場，如果涉及侵權請聯系站長郵箱：is@yisu.com進行舉報，并提供相關證據，一經查實，將立刻刪除涉嫌侵權內容。
