<!DOCTYPE html>
<html>
<head lang="en">
<meta charset="UTF-8">
<title></title>
<style>
#div1{
height: 100px;
background-color: orangered;
}
</style>
</head>
<body>
<div id="div1" style="width: 400px;"></div>
<button onclick="getstyle()">获取元素的样式</button>
<button onclick="getlaststyle()">获取元素的最终样式</button>
<script>
function getlaststyle(){
var div1 = document.getElementById(‘div1‘);
// var style = document.defaultView.getComputedStyle(div1, null);
var style = getComputedStyle(div1, null);
alert(style.color);
}
function getstyle(){
var div1 = document.getElementById(‘div1‘);
// 元素的style属性只能获取到写入在元素内部的属性值
alert(div1.style.width);
}
function test() {
alert(‘test‘);
}
test();
</script>
</body>
</html>
这也是我们的家庭作业！随着学习的深入，我感觉到js的便利，还有就是感觉上课的时候，我不明白老师讲的函数是什么意思，老师也一带而过，这里比较萌！
原文：http://www.cnblogs.com/1020053812fl/p/6539526.html