Comment obtenir la couleur d'arrière-plan via l'identifiant en HTML-Questions et réponses frontales-php.cn

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

青灯夜游

Libérer： 2021-06-21 14:57:03

original

2122 Les gens l'ont consulté

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.

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

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>

Copier après la connexion

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"

Copier après la connexion

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

Object.style.background

Copier après la connexion

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!

Php8, je viens aussi

Apprenez la mise en page d'un site Web en 30 minutes

Tutoriel vidéo Shangguan Oracle débutant à compétent

Votre première ligne de code UNI-APP

Flutter de zéro au lancement de l'application

Brother Lian Nouveau didacticiel vidéo Linux

Tutoriel vidéo AXURE 9 (convient à l'interface utilisateur interactive de conception de produits du chef de produit)

Tutoriel vidéo PS Zero Basic Proficiency

Tutoriel vidéo de 16 jours sur l'interface utilisateur pour vous aider à démarrer

Tutoriel vidéo sur les techniques PS et les techniques de découpage

Tutoriel vidéo sur la construction et le lancement de projets d'Alibaba Cloud Environment

Présentation des réseaux informatiques - Connaissances de base que les programmeurs doivent maîtriser

Tutoriel essentiel pour les programmeurs - Explication du protocole HTTP

Tutoriel vidéo Websocket

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