Bagaimanakah Saya Boleh Dapatkan Semua Atribut daripada Elemen HTML Menggunakan JavaScript atau jQuery?

Cara Mengambil Semua Atribut daripada Elemen HTML dengan JavaScript/jQuery

Mendapatkan semua atribut daripada elemen HTML ialah tugas biasa dalam web pembangunan. Terdapat beberapa pendekatan yang boleh anda ambil, masing-masing mempunyai kelebihan dan kekurangannya sendiri.

Menggunakan Senarai Nod Atribut

Untuk penyelesaian yang mudah dan mudah, anda boleh memanfaatkan senarai nod atribut tersedia pada elemen itu sendiri. Pendekatan ini menyediakan akses kepada nama dan nilai atribut:

var el = document.getElementById("someId");
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);
}

Menggunakan jQuery

jQuery menyediakan cara mudah untuk mendapatkan semula atribut menggunakan kaedah .attr():

var el = $("#someId");
var attributes = el.attr();

Objek atribut akan mengandungi pasangan nilai kunci untuk setiap nama atribut dan nilai.

Nota:

• Pendekatan di atas hanya mendapatkan semula atribut DOM. Untuk mendapatkan atribut tersuai atau atribut data, anda boleh menggunakan kaedah .data() dalam jQuery.
• Jika anda perlu mengakses elemen secara dinamik (tanpa menggunakan document.getElementById), pertimbangkan untuk menggunakan pemilih querySelector() atau jQuery .

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