js amélioration de base apprendre à utiliser le style d'objet DOM

Cette fois, je vais vous apporter les bases de js pour améliorer l'apprentissage et exploiter les styles d'objets DOM. Quelles sont les précautions pour utiliser les styles d'objets DOM en js ? Voici des cas pratiques, jetons un coup d'oeil.

Un exemple simple :

Nous constaterons que xx.style.xx ne peut obtenir que des styles en ligne, mais la largeur ne peut pas être obtenue (les styles en ligne signifient que les liens externes ne peuvent pas être modifiés (style)

Ce qui ne peut pas être obtenu, c'est que nous ne l'avons pas mis en place. Il est impossible de l'obtenir. Nous savons que c'est à 100%, mais cette opération ne peut pas franchir la frontière

Ajout et soustraction de pixels :

parseInt convertissez-le, ajoutez-le et enfin restaurez-le

Expansion : utilisez W3C getComputedStyle (balise de style

Avantages). : Tous les styles d'étiquettes peuvent être obtenus

Défauts : Il existe une compatibilité, les versions IE9 et supérieures peuvent utiliser ce format

IE8 et les versions précédentes peuvent utiliser ce format :Tag.currentStyle.height

Je pense que vous maîtrisez la méthode après avoir lu le cas dans cet article. Pour des informations plus intéressantes, veuillez prêter attention aux autres articles connexes sur le site Web chinois de PHP !

Lecture recommandée :

Types de données de base pour améliorer l'apprentissage de base de JS

Résumé et réponses des questions sur le concept JS

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!