本文摘自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中scrolling是什么意思
Html的meta标签常见用法介绍
Html成对标记有哪些
怎样使用Html网页中的锚点
go元素的关键字所在--chan通道
Html怎么设置背景图片全屏平铺?
jquery对象怎么转为Html dom对象
Html的基础控件有哪些
Html引入js不生效怎么办
Html是语言么
更多相关阅读请进入《Html》频道 >>
人民邮电出版社
本书对 Vue.js 3 技术细节的分析非常可靠,对于需要深入理解 Vue.js 3 的用户会有很大的帮助。——尤雨溪,Vue.js作者
转载请注明出处:木庄网络博客 » html怎么通过id获得背景色