国产探花免费观看_亚洲丰满少妇自慰呻吟_97日韩有码在线_资源在线日韩欧美_一区二区精品毛片,辰东完美世界有声小说,欢乐颂第一季,yy玄幻小说排行榜完本

首頁 > 語言 > JavaScript > 正文

javascript 獲取元素樣式必殺技

2024-05-06 16:05:03
字體:
來源:轉載
供稿:網友
這篇文章主要介紹了javascript 獲取元素樣式必殺技,需要的朋友可以參考下

Javascript獲取CSS屬性值方法:getComputedStyle和currentStyle

1 .對于元素的內聯CSS樣式(<div>hello</div>),可以直接使用element.style.color來直接獲取css屬性的值;

2. 但是對于外部定義的css樣式使用這種方式就無法獲取了,而且IE瀏覽器和其他標準瀏覽器(Firefox,Chrome,Opera,Safari)使用的方法不一樣,IE瀏覽器使用element.currentStyle,W3C標準瀏覽器使用getComputedStyle來獲取。

1. IE獲取元素外部定義的CSS屬性值: element.currentStyle

currentStyle對象返回了元素上的樣式表,但是style對象只返回通過style標簽屬性應用到元素的內嵌樣式。

因此,通過currentStyle對象獲取的樣式值可能與通過style對象獲取的樣式值不同。

例如,如果段落的color屬性值通過鏈接或嵌入樣式表設置為紅色( red ),而不是內嵌的話,對象.currentStyle.color 將返回正確的顏色,而對象style.color不能返回值。但是,如果用戶指定了 <P>,currentStyle和STYLE對象都將返回值 red。
currentStyle對象反映了樣式表中的樣式優先順序。在 HTML 中此順序為:

1) 內嵌樣式

2) 樣式表規則

3) HTML 標簽屬性

4) HTML 標簽的內部定義

2. W3C獲取元素外部定義的CSS屬性值: window.getComputedStyle(element, pseudoElt)
element必選,HTML元素
pseudoElt必選,獲取該元素的偽類樣式

復制代碼 代碼如下:


function getStyle(node, property){
if (node.style[property]) {
return node.style[property];
}
else if (node.currentStyle) {
return node.currentStyle[property];
}
else if (document.defaultView && document.defaultView.getComputedStyle) {
var style = document.defaultView.getComputedStyle(node, null);
return style.getPropertyValue(property);
}
return null;
}

發表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發表

圖片精選

主站蜘蛛池模板: 凤凰县| 营口市| 晴隆县| 旅游| 东乡| 屯门区| 太保市| 五峰| SHOW| 桐梓县| 永新县| 武山县| 宁南县| 荣成市| 阜新| 富源县| 孟津县| 丹东市| 平远县| 繁峙县| 仁寿县| 收藏| 大丰市| 莒南县| 济宁市| 丰县| 海门市| 保德县| 河源市| 苏尼特右旗| 南澳县| 西丰县| 和静县| 光山县| 邢台市| 烟台市| 兴业县| 新晃| 遵义县| 通州市| 阜新|