本文摘自PHP中文网，作者青灯夜游，侵删。
通过id获得背景色的方法：首先使用“document.getElementById('id值')”语句获取指定元素对象；然后使用“元素对象.style.background”返回背景色值即可。
本教程操作环境：windows7系统、HTML5版、Dell G3电脑。
html通过id获得背景色
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 | <!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<script>
function displayResult(){
var s=document.getElementById('h1').style.background;
document.getElementById('div').innerHTML="h1标签的背景色为"+s;
}
</script>
</head>
<body>
<h1 id="h1" style="background: red;">Hello World!</h1>
<div id="div"></div>
<br>
<button type="button" onclick="displayResult()">获取背景色</button>
</body>
</html>
|
效果图：
阅读剩余部分
相关阅读 >>
Html progress标签怎么用
Html的<label> 标签
如何在微信小程序中显示Html格式内容（图文教程）
Html i标签怎么用
Html基础知识
Html select标签的用法你知道吗？Html select标签属性介绍
Html中circle是什么意思
Html form标签name属性怎么用？form标签的name属性详解
Html文件基本结构介绍
Html与css中2d转换模块
更多相关阅读请进入《Html》频道 >>
人民邮电出版社
本书对 Vue.js 3 技术细节的分析非常可靠，对于需要深入理解 Vue.js 3 的用户会有很大的帮助。——尤雨溪，Vue.js作者
转载请注明出处：木庄网络博客 » html怎么通过id获得背景色
