每天CookBook之JavaScript-053

最新推荐文章于 2025-08-06 16:42:26 发布

weixin_30883311

最新推荐文章于 2025-08-06 16:42:26 发布

阅读量63

点赞数

CC 4.0 BY-SA版权

文章标签： javascript ViewUI

原文链接：http://www.cnblogs.com/4thing/p/5693171.html

本文介绍了一个简单的HTML页面，其中包含JavaScript代码用于获取指定元素的背景颜色。通过使用document.getElementById和getComputedStyle方法，可以准确地获取到div元素的背景颜色。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

设置元素描述

<!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>

转载于:https://www.cnblogs.com/4thing/p/5693171.html