html怎么通过id获得背景色


本文摘自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》频道 >>




打赏

取消

感谢您的支持,我会继续努力的!

扫码支持
扫码打赏,您说多少就多少

打开支付宝扫一扫,即可进行扫码打赏哦

分享从这里开始,精彩与您同在

评论

管理员已关闭评论功能...

    暂无评论...