溫馨提示×

溫馨提示×

您好，登錄后才能下訂單哦！

密碼登錄×
登錄注冊×
其他方式登錄
點(diǎn)擊 登錄注冊 即表示同意《億速云用戶服務(wù)條款》

html如何通過id獲得背景色

發(fā)布時(shí)間：2022-04-26 16:39:24 來源：億速云 閱讀：251 作者：iii 欄目：大數(shù)據(jù)

這篇文章主要介紹“html如何通過id獲得背景色”的相關(guān)知識(shí)，小編通過實(shí)際案例向大家展示操作過程，操作方法簡單快捷，實(shí)用性強(qiáng)，希望這篇“html如何通過id獲得背景色”文章能幫助大家解決問題。

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

本教程操作環(huán)境：windows7系統(tǒng)、HTML5版、Dell G3電腦。

html通過id獲得背景色

<!DOCTYPE html>
<html>
<head> 
<meta charset="utf-8"> 
<script>
function displayResult(){
	var s=document.getElementById('h2').style.background;
	document.getElementById('div').innerHTML="h2標(biāo)簽的背景色為"+s;
}
</script>
</head>
<body>

<h2 id="h2" style="background: red;">Hello World!</h2>
<div id="div"></div>
<br>
<button type="button" onclick="displayResult()">獲取背景色</button>

</body>
</html>

效果圖：

html如何通過id獲得背景色

說明：

getElementById() 方法可返回對擁有指定 ID 的第一個(gè)對象的引用。

  • 如果沒有指定 ID 的元素返回 null

  • 如果存在多個(gè)指定 ID 的元素則返回第一個(gè)。

background 屬性以速記形式設(shè)置或返回最多五個(gè)獨(dú)立的背景屬性。

通過該屬性，您可以設(shè)置/返回：

  • background-color

  • background-image

  • background-repeat

  • background-attachment

  • background-position

語法

設(shè)置 background 屬性：

Object.style.background="color image repeat attachment position"

返回 background 屬性：

Object.style.background

關(guān)于“html如何通過id獲得背景色”的內(nèi)容就介紹到這里了，感謝大家的閱讀。如果想了解更多行業(yè)相關(guān)的知識(shí)，可以關(guān)注億速云行業(yè)資訊頻道，小編每天都會(huì)為大家更新不同的知識(shí)點(diǎn)。

向AI問一下細(xì)節(jié)

免責(zé)聲明：本站發(fā)布的內(nèi)容（圖片、視頻和文字）以原創(chuàng)、轉(zhuǎn)載和分享為主，文章觀點(diǎn)不代表本網(wǎng)站立場，如果涉及侵權(quán)請聯(lián)系站長郵箱：is@yisu.com進(jìn)行舉報(bào)，并提供相關(guān)證據(jù)，一經(jīng)查實(shí)，將立刻刪除涉嫌侵權(quán)內(nèi)容。

AI
助
手