CharacterData: data property

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

Thedata property of theCharacterData interface represent the value of the current object's data.

Value

A string with the character information contained in theCharacterData node.

When set to thenull value, thatnull value is converted to the empty string (""), socd.data = null is equivalent tocd.data = "".

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

html

<!-- This is an HTML comment --><output></output>

const comment = document.body.childNodes[1];const output = document.getElementById("result");output.value = comment.data;

html

<span>Result: </span>Not set.

const span = document.querySelector("span");const textNode = span.nextSibling;textNode.data = "This text has been set using 'textNode.data'.";

Specification
DOM # dom-characterdata-data

This page was last modified on⁨Jun 24, 2025⁩ byMDN contributors.