CharacterData: data-Eigenschaft

Baseline Widely available

This feature is well established and works across many devices and browser versions. It’s been available across browsers since July 2015.

Die data-Eigenschaft der CharacterData-Schnittstelle repräsentiert den Wert der Daten des aktuellen Objekts.

Wert

Ein Zeichenkette mit den im CharacterData-Knoten enthaltenen Zeicheninformationen.

Wenn auf den Wert null gesetzt, wird dieser null-Wert in die leere Zeichenkette ("") konvertiert, sodass cd.data = null gleichbedeutend mit cd.data = "" ist.

Beispiel

Hinweis:>CharacterData ist eine abstrakte Schnittstelle. Die folgenden Beispiele verwenden zwei konkrete Schnittstellen, die diese implementieren, Text und Comment.

Lesen eines Kommentars mit data

html
<!-- This is an HTML comment -->
<output id="result"></output>
js
const comment = document.body.childNodes[1];
const output = document.getElementById("result");

output.value = comment.data;

Festlegen des Inhalts eines Textknotens mit data

html
<span>Result: </span>Not set.
js
const span = document.querySelector("span");
const textNode = span.nextSibling;

textNode.data = "This text has been set using 'textNode.data'.";

Spezifikationen

Specification
DOM
# dom-characterdata-data

Browser-Kompatibilität

Siehe auch