JavaScript définit des méthodes pour obtenir et définir des astuces d'attributs_javascript

getAttribute

Cette méthode permet d'obtenir les attributs de l'élément. La méthode d'appel est la suivante :

Copier le code Le code est le suivant :

objet.getAttribute(attribut)

Contrairement à certaines méthodes introduites précédemment, la méthode getAttribute n'appartient pas à l'objet document, elle ne peut donc pas être appelée via l'objet document. Il ne peut être appelé que via des objets nœuds d'élément.

Cette méthode n'accepte qu'un seul paramètre, vous précisez le nom de l'attribut à interroger. Si la propriété spécifiée n'est pas définie, le résultat sera un objet nul.

setAttribute

Le contraire de ce qui précède est setAttribute, qui est utilisé pour définir les attributs des nœuds d'éléments. La méthode d'appel est la suivante :

Copier le code Le code est le suivant :

object.setAttribute(attribut)

Cette méthode n'accepte qu'un seul paramètre, qui est l'attribut que vous souhaitez définir.

Lecture approfondie

Après avoir modifié le document via setAttribute, lorsque vous affichez le code source du document via l'option Afficher la source du navigateur, vous verrez toujours la valeur avant la modification. En d'autres termes, setAttribute apporte des modifications qui ne seront pas reflétées dans la source. code du document lui-même. Ce phénomène « d'incohérence entre l'apparence et l'intérieur » vient du mode de fonctionnement du DOM : le contenu statique du document est d'abord chargé, puis rafraîchi dynamiquement. Le rafraîchissement dynamique n'affecte pas le contenu statique du document. C'est là le véritable pouvoir du DOM : actualiser le contenu d'une page sans actualiser la page dans le navigateur.

Les deux méthodes ci-dessus sont de nouvelles API dans le DOM niveau 1. Avant leur apparition, elles peuvent être implémentées via une autre méthode, par exemple comme suit

Obtenir les attributs :

Copier le code Le code est le suivant :

var val = element.attribute //Obtenir les attributs

Ce qui précède équivaut à

Copier le code Le code est le suivant :

var val = element.getAttribute('attribut');

Définir les propriétés :

Copier le code Le code est le suivant :

element.attribute = "la nouvelle valeur";

C'est équivalent à

Copier le code Le code est le suivant :

element.setAttribute("attribut", "la nouvelle valeur");

Si vous voulez être paresseux et moins taper au clavier, alors la méthode ci-dessus est recommandée, mais la meilleure pratique est de respecter la norme DOM, c'est-à-dire d'utiliser setAttribute et getAttribute.

Ce qui précède est l'intégralité du contenu de cet article. Les amis qui en ont besoin peuvent l'apprendre.