Heim > Web-Frontend > js-Tutorial > Wie kann ich Attributwerte aus HTML-Elementen mithilfe von JavaScript oder jQuery extrahieren?

Wie kann ich Attributwerte aus HTML-Elementen mithilfe von JavaScript oder jQuery extrahieren?

DDD
Freigeben: 2024-12-04 05:27:10
Original
295 Leute haben es durchsucht

How Can I Extract Attribute Values from HTML Elements Using JavaScript or jQuery?

Attributwerte aus HTML-Elementen mit JavaScript/jQuery extrahieren

Das Abrufen aller Attribute aus einem HTML-Element als Array kann mit mehreren Methoden erreicht werden . Eine Möglichkeit besteht darin, die Attributknotenliste direkt zu nutzen:

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

Diese Methode ruft nur die Attributnamen ab. Um die entsprechenden Werte zu erhalten, verwenden Sie die Eigenschaft 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);
}
Nach dem Login kopieren

Alternativ können Sie die jQuery-Bibliothek verwenden, um den Prozess zu vereinfachen:

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

Diese Methode stellt sowohl Attributnamen als auch Werte bereit in einem benutzerfreundlichen Format. Wenn beim direkten Zugriff auf das Element Probleme auftreten, können Sie außerdem die Methode jQuery.contents() verwenden, um den Inhalt des Elements abzurufen:

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

Das obige ist der detaillierte Inhalt vonWie kann ich Attributwerte aus HTML-Elementen mithilfe von JavaScript oder jQuery extrahieren?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Quelle:php.cn
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage