Maison > Article > interface Web > Comment obtenir la couleur d'arrière-plan via l'identifiant en HTML

Comment obtenir la couleur d'arrière-plan via l'identifiant en HTML

青灯夜游original: 2021-06-21 14:57:032114parcourir

Comment obtenir la couleur d'arrière-plan par identifiant : utilisez d'abord l'instruction "document.getElementById('id value')" pour obtenir l'objet élément spécifié ; puis utilisez "element object.style.background" pour renvoyer l'objet élément spécifié ; valeur de la couleur d’arrière-plan.

L'environnement d'exploitation de ce tutoriel : système Windows 7, version HTML5, ordinateur Dell G3.

html obtient la couleur d'arrière-plan par identifiant

<!DOCTYPE html>
<html>
<head> 
<meta charset="utf-8"> 
<script>
function displayResult(){
	var s=document.getElementById(&#39;h1&#39;).style.background;
	document.getElementById(&#39;div&#39;).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>

Rendu :

Comment obtenir la couleur darrière-plan via lidentifiant en HTML

Instructions :

La méthode getElementById() renvoie une référence au premier objet avec l'ID spécifié.

S'il n'y a aucun élément avec l'ID spécifié, renvoie null
S'il y a plusieurs éléments avec l'ID spécifié, renvoie le premier .

La propriété background définit ou renvoie jusqu'à cinq propriétés d'arrière-plan indépendantes sous forme abrégée.

Avec cette propriété, vous pouvez définir/retourner :

background-color
background-image
répétition d'arrière-plan
pièce jointe d'arrière-plan
position d'arrière-plan

Syntaxe

Définissez l'attribut d'arrière-plan :

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

Renvoyer l'attribut d'arrière-plan :

Object.style.background

Pour plus de connaissances liées à la programmation, veuillez visiter : Introduction à la programmation ! !

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!

html5 html NULL 对象 position background

Déclaration：

Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn

Article précédent：De quelles parties se compose une page HTML ?Article suivant：De quelles parties se compose une page HTML ?

Articles Liés

Voir plus