html通过id显示,html怎么通过id获得背景色

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

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

html通过id获得背景色

function displayResult(){

var s=document.getElementById('h1').style.background;

document.getElementById('div').innerHTML="h1标签的背景色为"+s;

}

Hello World!

获取背景色

效果图：

说明：

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

更多编程相关知识，请访问：编程入门！！