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

Mendapatkan Semua Atribut Elemen HTML menggunakan JavaScript/jQuery

Sebagai pembangun, anda mungkin menghadapi situasi di mana anda perlu mengekstrak semua atribut yang dikaitkan dengan elemen HTML tertentu ke dalam tatasusunan. Ini boleh dicapai menggunakan JavaScript dan jQuery.

Pendekatan JavaScript

Untuk mendapatkan semula nama atribut menggunakan JavaScript tulen, anda boleh memanfaatkan senarai nod atribut pada elemen sasaran:

const element = document.getElementById("someId");

// Create an empty array to store attribute names
const attributes = [];

// Iterate over the attributes node list
for (let i = 0; i < element.attributes.length; i++) {
  // Extract the attribute name
  attributes.push(element.attributes[i].nodeName);
}

Pendekatan ini menyediakan tatasusunan yang mengandungi atribut sahaja nama.

Pendekatan jQuery

jQuery menawarkan kaedah yang lebih mudah untuk mengekstrak atribut elemen HTML. Fungsi attr()nya mengembalikan semua atribut sebagai pasangan nilai kunci:

const element = $("#someId");

// Get all attribute names and values
const attributes = {};
$.each(element.attr(), function (key, value) {
  attributes[key] = value;
});

Kod ini memberikan semua nama dan nilai atribut kepada objek JavaScript.

Pertimbangan

Apabila menggunakan pendekatan JavaScript, perlu diingat bahawa ia hanya mengekstrak nama atribut. Untuk nilai atribut, anda perlu mengakses sifat nodeValue setiap nod atribut. Kaedah jQuery, sebaliknya, menyediakan kedua-dua nama atribut dan nilai.

Selain itu, bilangan atribut dan nama mereka boleh berbeza-beza secara dinamik. Kod ini mengendalikan kes generik untuk mengekstrak semua atribut daripada elemen tanpa bergantung pada nama atau kiraan atribut tertentu.

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