Maison > interface Web > js tutoriel > Comment puis-je extraire les valeurs d'attribut des éléments HTML à l'aide de JavaScript ou de jQuery ?

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

DDD
Libérer: 2024-12-04 05:27:10
original
239 Les gens l'ont consulté

How Can I Extract Attribute Values from HTML Elements Using JavaScript or 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);
}
Copier après la connexion

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);
}
Copier après la connexion

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);
}
Copier après la connexion

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);
}
Copier après la connexion

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!

source:php.cn
Déclaration de ce site Web
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal