recherche

Maison  >  Questions et réponses  >  le corps du texte

javascript - obj.style.* ne peut obtenir que le style dans la balise, n'est-ce pas ? Le code ci-dessous s'exécute sans erreur

<!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 ?

学习ing学习ing2772 Il y a quelques jours672

répondre à tous(2)je répondrai

  • 给我你的怀抱

    给我你的怀抱2017-06-12 09:30:37

    La propriété

    HTMLElement.style renvoie un objet CSSStyleDeclaration qui représente l'attribut de style en ligne de l'élément, mais ignore tous les attributs appliqués à la feuille de style. Pour une liste des propriétés CSS accessibles via le style, consultez la référence des propriétés CSS.

    ...

    Habituellement, pour comprendre les informations de style d'un élément, il ne suffit pas d'utiliser l'attribut style seul, car il inclut uniquement les attributs CSS déclarés sur l'attribut de style intégré de l'élément, et n'inclut pas les styles déclarés par d'autres. emplacements , comme une feuille de style en ligne dans la section <head> Pour obtenir toutes les propriétés CSS d'un élément, vous devez utiliser window.getComputedStyle().

    https://developer.mozilla.org...

    this.style.color est une chaîne vide et satisfait aux conditions suivantes

    this.style.color != "blue"

    Ainsi, la couleur changera toujours lorsque vous cliquez dessus

    répondre
    0
  • 天蓬老师

    天蓬老师2017-06-12 09:30:37

    Réalisé sans utiliser d'objets DOMstyle设置的时候，this.style.color的值应该是空字符串：""，所以this.style.color != "blue"这个表达式的值应该是true.

    répondre
    0
  • Annulerrépondre