Modification des attributs des éléments par JS DOM

HTML DOM permet à JavaScript de récupérer et de modifier les attributs des éléments HTML.

Obtenir la valeur de l'attribut de l'élément

getAttribute()La méthode est utilisée pour obtenir la valeur actuelle de l'attribut spécifié de l'élément.

l'exemple suivant récupère l'élément ancrehrefettitleValeur de l'attribut :

var link = document.getElementById("demo");
var href = link.getAttribute("href");
var title = link.getAttribute("title");

Définir les attributs sur l'élément

setAttribute()Cette méthode est utilisée pour définir la valeur de l'attribut sur l'élément spécifié.

Si l'attribut existe déjà, la valeur est mise à jour; sinon, un nouvel attribut avec le nom et la valeur spécifiés est ajouté.

Ce exemple met à jourhrefLa valeur de l'attribut de l'élément de lien :

var x = document.getElementsByTagName("a")[0];
x.setAttribute("href", "https:");//fr.oldtoolbag.com/css3/);

De même, vous pouvez utilisersetAttribute()Cette méthode est utilisée pour mettre à jour ou modifier la valeur de l'attribut existant sur l'élément HTML.

document.getElementsByTagName("input")[0].setAttribute("type", "text");

Supprimer les attributs de l'élément

removeAttribute()Cette méthode est utilisée pour supprimer les attributs à partir de l'élément spécifié.

Ce exemple supprime l'attributhrefAttribut :

document.getElementsByTagName("a")[0].removeAttribute("href");