Quand devriez-vous utiliser la notation « setAttribute » par rapport à la notation d'attribut point en JavaScript ?

Quand utiliser la notation d'attribut setAttribute ou point en JavaScript

Le choix entre la notation d'attribut setAttribute et la notation d'attribut point en JavaScript a fait l'objet d'un débat . Bien que les deux méthodes permettent de définir les valeurs des éléments HTML, il existe des différences subtiles à prendre en compte.

Attributs standard et attributs non standard

Selon "JavaScript : The Definitive Guide", les éléments HTML exposent les propriétés JavaScript correspondant aux attributs HTML standard. Pour ceux-ci, la notation d'attribut point (par exemple, myObj.className = "nameOfClass") est préférée.

Cependant, pour les attributs non standard qui ne sont pas pris en charge nativement par JavaScript, setAttribute est nécessaire. Cette méthode accepte deux paramètres : le nom de l'attribut sous forme de chaîne et sa valeur. Par exemple, pour définir l'attribut "frameborder" non standard :

node.setAttribute('frameborder', '0');

Exemples :

• Pour les attributs standard :

const heading = document.createElement('h1');
heading.id = 'main-heading'; // Dot attribute notation preferred
heading.className = 'heading-style'; // Dot attribute notation preferred

• Pour les attributs non standard :

const frame = document.createElement('iframe');
frame.setAttribute('frameborder', '0'); // setAttribute required for non-standard attributes

Conclusion :

En général, la notation de l'attribut point doit être utilisé pour définir les attributs HTML standard, car il fournit une syntaxe directe et concise. Cependant, pour les attributs non standard, setAttribute est la méthode appropriée pour garantir la compatibilité entre les différents navigateurs.

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!