本文摘自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>
|
效果图：
阅读剩余部分
相关阅读 >>
head标签中有什么属性？
Html iframe标签怎么使用？Html iframe标签的使用实例介绍
Html如何控制元素显示和隐藏
jq怎么替换Html内容
h5和Html的区别是什么
Html del标签是块级元素吗？Html del标签具体应用方法
Html根节点是什么
Html如何插入视频
Html table标签怎么用
Html中的head标签在哪里找？head标签的作用总结
更多相关阅读请进入《Html》频道 >>
人民邮电出版社
本书对 Vue.js 3 技术细节的分析非常可靠，对于需要深入理解 Vue.js 3 的用户会有很大的帮助。——尤雨溪，Vue.js作者
转载请注明出处：木庄网络博客 » html怎么通过id获得背景色
