W3cubDocs

/Web APIs

CharacterData: data property

The data property of the CharacterData interface represent the value of the current object's data.

Value

A string with the character information contained in the CharacterData node.

Example

Note: CharacterData is an abstract interface. The examples below use two concrete interfaces implementing it, Text and Comment.

Reading a comment using 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;

Setting the content of a text node using 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'.";

Specifications

Specification
DOM Standard
# dom-characterdata-data

Browser compatibility

Desktop Mobile
Chrome Edge Firefox Internet Explorer Opera Safari WebView Android Chrome Android Firefox for Android Opera Android Safari on IOS Samsung Internet
data 1 12 1 5 ≤12.1 1 4.4 18 4 ≤12.1 1 1.0

See also

© 2005–2023 MDN contributors.
Licensed under the Creative Commons Attribution-ShareAlike License v2.5 or later.
https://developer.mozilla.org/en-US/docs/Web/API/CharacterData/data