Comment puis-je obtenir tous les attributs des éléments HTML avec JavaScript/jQuery ?

Obtenir tous les attributs d'un élément HTML avec JavaScript/jQuery

Le but de cette question est de récupérer tous les attributs d'un élément HTML donné et stockez-les dans un tableau. L'élément n'est pas accessible via des méthodes connues telles que getElementById.

Utilisation des attributs DOM

L'approche la plus simple pour obtenir les attributs DOM consiste à utiliser la liste de nœuds d'attributs de l'élément lui-même. :

var el = document.getElementById("someId");
for (var i = 0, atts = el.attributes, n = atts.length, arr = []; i < n; i++){
    arr.push(atts[i].nodeName);
}

Cette approche récupère uniquement l'attribut noms.

Utilisation de NodeValue

Pour obtenir à la fois le nom et la valeur de l'attribut, utilisez la propriété nodeValue :

var nodes=[], values=[];
for (var att, i = 0, atts = el.attributes, n = atts.length; i < n; i++){
    att = atts[i];
    nodes.push(att.nodeName);
    values.push(att.nodeValue);
}

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!