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

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);
}

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);
}

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);
}

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);
}

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!