<!DOCTYPE html>
<html>
<head>
<style>
p { couleur:texte-align:curseur:pointeur;
font-weight:bolder; width:300px; }</style>
<script src="http://code.jquery.com/jquery...
</head>
<body>
<p>Cliquez ici</p>
<p>pour parcourir</p>
<p>ces ps.</p>
<script>
$(document.body).click(function () {
$( "p" ).each(function (i) {
if ( this.style.color != "blue" ) {
this.style.color = "blue";
} else {
this.style.color = "";
}
});
});</script>
</body>
</html>
La valeur de this.style.color dans le code ne devrait pas être obtenue, n'est-ce pas ? Étant donné que le style dans la balise de style ne peut pas être obtenu, mais que le programme change de couleur pendant le fonctionnement normal, pouvez-vous expliquer pourquoi ?
![[Web front-end] Démarrage rapide de Node.js](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
https://developer.mozilla.org...
this.style.color est une chaîne vide et satisfait aux conditions suivantes
Ainsi, la couleur changera toujours lorsque vous cliquez dessus
Réalisé sans utiliser d'objets DOM
style设置的时候，this.style.color的值应该是空字符串：""，所以this.style.color != "blue"这个表达式的值应该是true.