Wie greife ich auf Datenattribute in JavaScript-Code zu und verwende sie?

Abrufen von Datenattributen im JavaScript-Code

Um auf Attribute zuzugreifen, die mit „data-“ im JavaScript-Code für das bereitgestellte HTML-Element beginnen, müssen Sie Sie müssen die Dataset-Eigenschaft verwenden, wie im folgenden Code gezeigt:

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

Nach der Ausführung dieses Codes enthält die JSON-Variable ein Objekt mit den folgenden Werten:

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

Mit dieser Technik können Sie bequem auf Datenattribute im JavaScript-Code zugreifen und diese nutzen, wodurch die Verwaltung und Bearbeitung benutzerdefinierter Attribute in Ihrem HTML-Markup vereinfacht wird.

Das obige ist der detaillierte Inhalt vonWie greife ich auf Datenattribute in JavaScript-Code zu und verwende sie?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!