<!DOCTYPE HTML>
<html lang="en-US">
<head>
<meta charset="UTF-8">
<title></title>
<style type="text/css">
h2 {background:#ccc;}
</style>
</head>
<body>
<h2 style="font-size:40px; color:red; background-color:black;">js控制行内样式</h2>
<script type="text/javascript">
var hh2 = document.getElementsByTagName('h2')[0];
</script>
<script type="text/javascript">
var h2 = document.getElementsByTagName('h2')[0];
console.log( h2.style );
//console.log( h2.style[1] ); //不建议这么用
console.log( h2.style.color );
</script>
</body>
</html>
![[Web front-end] Démarrage rapide de Node.js](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
Vous pouvez clairement connaître leur relation en effectuant un test de sortie sur la console :
h2 est un objet Dom,
style est à la fois un attribut de h2 et h2.style est aussi un objet
Et la couleur est un attribut sous style
Donc h2.style.color est nécessaire, donc h2.style['color'] peut également être utilisé
Supplément : Comment afficher
Ouvrez le navigateur, appuyez sur F12 et appelez l'outil de débogage du navigateur.
Par exemple, l'ongle de votre pouce gauche est représenté par des attributs d'objet
你.左手.大拇指.指甲.Si vous dites simplement
大拇指.指甲, qui sait lequel ? Qui sait que c'est le vôtre...Donc pour localiser un attribut, il faut partir d'un objet (référence d'objet) que l'on connaît et chercher vers le bas.
D'ailleurs, la référence mentionnée ici est comme un pronom « vous », « je », « lui » ou le nom « John », bien sûr, elle est généralement appelée une variable dans le programme.
Qu'est-ce qu'un sous-objet ?
Il n'y a pas de conflit entre les attributs et les objets.
Les propriétés d'un objet peuvent être de n'importe quel type. Par conséquent, les propriétés d’un objet peuvent également être un objet.
Le style est un attribut de l'élément, pas un objet global. Vous devez d'abord obtenir l'attribut style via l'objet élément,