getPropertyValue 獲取CSS樣式
阿新 • • 發佈:2017-10-26
bsp doctype title com nbsp tex .get dem tle
新學習一個js 的方法 getPropertyValue (實現 js框架中 css 的最終調用的函數),取得元素最終計算出的css 樣式
DEMO:
<!DOCTYPE html>
<html>
<head>
<title></title>
<meta charset="gbk">
<style type="text/css">
#content {
color: red !important;;
}
</style>
</head>
<body>
<div id="content" style="color:yellow">content</div>
</body>
<script type="text/javascript">
var a = document.getElementById("content");
alert("style "+a.style.color);
alert("css "+window.getComputedStyle(a).getPropertyValue("color"));
</script>
</html>
getPropertyValue 獲取CSS樣式