html通过id获得背景色的方法

这篇文章主要讲解了“html通过id获得背景色的方法”，文中的讲解内容简单清晰，易于学习与理解，下面请大家跟着小编的思路慢慢深入，一起来研究和学习“html通过id获得背景色的方法”吧！

成都创新互联专注于企业网络营销推广、网站重做改版、伊金霍洛网站定制设计、自适应品牌网站建设、H5网站设计、商城网站开发、集团公司官网建设、外贸网站制作、高端网站制作、响应式网页设计等建站业务，价格优惠性价比高，为伊金霍洛等各大城市提供网站开发制作服务。

通过id获得背景色的方法：首先使用“document.getElementById('id值')”语句获取指定元素对象；然后使用“元素对象.style.background”返回背景色值即可。

本教程操作环境：windows7系统、HTML5版、Dell G3电脑。

html通过id获得背景色

<!DOCTYPE html>
<html>
<head> 
<meta charset="utf-8"> 
<script>
function displayResult(){
	var s=document.getElementById('h2').style.background;
	document.getElementById('div').innerHTML="h2标签的背景色为"+s;
}
</script>
</head>
<body>

<h2 id="h2" style="background: red;">Hello World!</h2>
<div id="div"></div>
<br>
<button type="button" onclick="displayResult()">获取背景色</button>

</body>
</html>

效果图：

html通过id获得背景色的方法

说明：

getElementById() 方法可返回对拥有指定 ID 的第一个对象的引用。

如果没有指定 ID 的元素返回 null
如果存在多个指定 ID 的元素则返回第一个。

background 属性以速记形式设置或返回最多五个独立的背景属性。

通过该属性，您可以设置/返回：

background-color
background-image
background-repeat
background-attachment
background-position

语法

设置 background 属性：

Object.style.background="color image repeat attachment position"

返回 background 属性：

Object.style.background

感谢各位的阅读，以上就是“html通过id获得背景色的方法”的内容了，经过本文的学习后，相信大家对html通过id获得背景色的方法这一问题有了更深刻的体会，具体使用情况还需要大家实践验证。这里是创新互联，小编将为大家推送更多相关知识点的文章，欢迎关注！

分享标题：html通过id获得背景色的方法
本文网址：https://www.cdcxhl.com/article36/ppgipg.html

成都网站建设公司_创新互联，为您提供企业建站、微信小程序、App开发、微信公众号、关键词优化、网站建设

声明：本网站发布的内容（图片、视频和文字）以用户投稿、用户转载内容为主，如果涉及侵权请尽快告知，我们将会在第一时间删除。文章观点不代表本网站立场，如需处理请联系客服。电话：028-86922220；邮箱：631063699@qq.com。内容未经允许不得转载，或转载时需注明来源：创新互联

猜你还喜欢下面的内容