<!DOCTYPE html>
<html>
<head>
<title>提取非行間樣式</title>
<meta charset="utf-8">
<style type="text/css">
#div1 {
width: 600px;
height: 500px;
background-color: red
}
</style>
<script type="text/javascript">
//獲取單一樣式(不能用於複合樣式),不能設置
function getCurrentStyle(obj, name) {
if (obj.currentstyle) {
//IE
return obj.currentstyle[name];
} else {
//非IE
return getComputedStyle(obj, false)[name];
}
}
window.onload = function() {
var oDiv = document.getElementById("div1")
alert(getCurrentStyle(oDiv, "width"));
};
</script>
</head>
<body>
<div id="div1">獲取單一樣式</div>
</body>
</html>
提取非行間樣式
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.