每天CookBook之JavaScript-053

  • 设置元素描述
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>053</title>
    <style type="text/css">
#test{
    background-color:  red;
    width: 100px;
    height: 100px;
}
    </style>
}
</head>
<body>
    <div id="test">
        <p>Hi</p>
    </div>
</body>
<script type="text/javascript">
var elem = document.getElementById('test');
var bkcolor = elem.currentStyle ? elem.currentStyle['background-color'] : window.getComputedStyle(elem).getPropertyValue("background-color")
console.log(bkcolor);
</script>
</html>
posted @ 2016-07-21 21:04  4Thing  阅读(88)  评论(0)  编辑  收藏  举报