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 String mit den Zeicheninformationen, die im CharacterData-Knoten enthalten sind.

Wenn sie auf den null-Wert gesetzt wird, wird dieser null-Wert in den leeren String ("") umgewandelt, so dass cd.data = null gleichbedeutend mit cd.data = "" ist.

Beispiel

Note: CharacterData ist eine abstrakte Schnittstelle. Die untenstehenden Beispiele verwenden zwei konkrete Schnittstellen, die sie 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;

Setzen 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 Standard
# dom-characterdata-data

Browser-Kompatibilität

BCD tables only load in the browser

Siehe auch