1. 程式人生 > >getPropertyValue 獲取CSS樣式

getPropertyValue 獲取CSS樣式

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樣式