Heim >Web-Frontend >js-Tutorial >Wie kann ich alle HTML-Elementattribute mit JavaScript/jQuery abrufen?

Wie kann ich alle HTML-Elementattribute mit JavaScript/jQuery abrufen?

Barbara Streisand
Barbara StreisandOriginal
2024-11-26 13:33:10543Durchsuche

How Can I Get All HTML Element Attributes with JavaScript/jQuery?

Alle Attribute von einem HTML-Element mit JavaScript/jQuery abrufen

Das Ziel dieser Frage besteht darin, alle Attribute von einem bestimmten HTML-Element abzurufen und speichern Sie sie in einem Array. Auf das Element kann über bekannte Methoden wie getElementById nicht zugegriffen werden.

Verwendung von DOM-Attributen

Der einfachste Ansatz zum Abrufen von DOM-Attributen besteht darin, die Attributknotenliste des Elements selbst zu verwenden :

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

Dieser Ansatz ruft nur das Attribut ab Namen.

Verwenden von NodeValue

Um sowohl den Attributnamen als auch den Attributwert 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);
}

Das obige ist der detaillierte Inhalt vonWie kann ich alle HTML-Elementattribute mit JavaScript/jQuery abrufen?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Stellungnahme:
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