Bagaimanakah Saya Boleh Mengeluarkan Nilai Atribut daripada Elemen HTML Menggunakan JavaScript atau jQuery?

Ekstrak Nilai Atribut daripada Elemen HTML Menggunakan JavaScript/jQuery

Mendapatkan semua atribut daripada elemen HTML sebagai tatasusunan boleh dicapai menggunakan beberapa kaedah . Satu pilihan adalah untuk memanfaatkan senarai nod atribut secara langsung:

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

Kaedah ini hanya mendapatkan semula nama atribut. Untuk mendapatkan nilai yang sepadan, gunakan sifat 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);
}

Sebagai alternatif, anda boleh menggunakan perpustakaan jQuery untuk memudahkan proses:

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

Kaedah ini menyediakan kedua-dua nama atribut dan nilai dalam format yang mesra pengguna. Selain itu, jika anda menghadapi masalah mengakses elemen secara langsung, anda boleh menggunakan kaedah jQuery.contents() untuk mendapatkan kandungan elemen:

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

Atas ialah kandungan terperinci Bagaimanakah Saya Boleh Mengeluarkan Nilai Atribut daripada Elemen HTML Menggunakan JavaScript atau jQuery?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!