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!