javascript - Définit les attributs de style en ligne.

Question

Par exemple, <p style="color:red">Définissez l'attribut de la balise p<p>
Pourquoi utiliser p.style.color ?
Pourquoi pas style.color ?
Le style peut être considéré comme un objet et la couleur est un attribut. Utilisez simplement style.color directement.

Answer 1

Non, le style est un attribut de l'élément HTML et sa valeur sera analysée par le navigateur dans un style en ligne.

Answer 2

Le style lui-même est un attribut appartenant à l'élément dom p, auquel il faut accéder via l'élément actuel
Accédez directement à style.color Si le style de l'élément auquel vous souhaitez accéder ne peut pas être analysé, une erreur sera signalée

.

Answer 3

<p style='color:#fff;font-size:16px'>

Style appartient au style en ligne des éléments et éléments p. Il définit les attributs de p. La couleur et la taille de la police dans les attributs sont équivalentes aux valeurs des attributs.

Answer 4

var p = {
  style: {
    color: '#fff'
  }
}
console.log(p.style.color) // #fff

style.color = 'red' // style is not defined

Answer 5

Le style est un attribut et doit être derrière l'objet. Pensez-y, si vous style.color directement, est-ce que cela change la couleur de tout ? Ce n’est évidemment pas vrai.

Answer 6

Si vous souhaitez définir un style de couleur, vous devez spécifier quelle couleur définir, n'est-ce pas ?