Bagaimana untuk Mengakses dan Menggunakan Atribut Data dalam Kod JavaScript?

Mendapatkan Atribut Data dalam Kod JavaScript

Untuk mengakses atribut yang bermula dengan "data-" dalam kod JavaScript untuk elemen HTML yang disediakan, anda' Anda perlu menggunakan sifat set data, seperti yang ditunjukkan dalam kod di bawah:

<code class="js">document.getElementById("the-span").addEventListener("click", function() {
  var json = JSON.stringify({
    id: parseInt(this.dataset.typeid), // Accessing data-typedId attribute
    subject: this.dataset.type, // Accessing data-type attribute
    points: parseInt(this.dataset.points), // Accessing data-points attribute
    user: "H. Pauwelyn"
  });
});</code>

Selepas melaksanakan kod ini, pembolehubah json akan mengandungi objek dengan nilai berikut:

{
  "id": 123,
  "subject": "topic",
  "points": -1,
  "user": "H. Pauwelyn"
}

Teknik ini membolehkan anda mengakses dan menggunakan atribut data dengan mudah dalam kod JavaScript, memudahkan pengurusan dan manipulasi atribut tersuai dalam penanda HTML anda.

Atas ialah kandungan terperinci Bagaimana untuk Mengakses dan Menggunakan Atribut Data dalam Kod JavaScript?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!