Comment puis-je extraire les valeurs d'attribut des éléments HTML à l'aide de JavaScript ou de jQuery ?

Extraire les valeurs d'attribut des éléments HTML à l'aide de JavaScript/jQuery

Obtenir tous les attributs d'un élément HTML sous forme de tableau peut être obtenu en utilisant plusieurs méthodes . Une option consiste à exploiter directement la liste des nœuds d'attributs :

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 méthode récupère uniquement les noms d'attributs. Pour obtenir les valeurs correspondantes, 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);
}

Vous pouvez également utiliser la bibliothèque jQuery pour simplifier le processus :

var attrs = $("#someId").prop("attributes");
for (var i = 0; i < attrs.length; i++){
    console.log(attrs[i].nodeName + ": " + attrs[i].value);
}

Cette méthode fournit à la fois des noms et des valeurs d'attributs. dans un format convivial. De plus, si vous rencontrez des problèmes pour accéder directement à l'élément, vous pouvez utiliser la méthode jQuery.contents() pour obtenir le contenu de l'élément :

var content = $("#someId").contents();
for (var i = 0, atts = content.prop("attributes"), n = atts.length, arr = []; i < n; i++){
    arr.push(atts[i].nodeName);
}

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!