CharacterData : Node

The base class for Text, Comment, and ProcessingInstruction Node types.

Instance Properties

data : String

The text in the node.

Example:

<div id='foo'>Foo</div>
<script>
  var div = document.getElementById('foo');
  var text = div.firstChild;
  console.log(text.data);
</script>

Run

Results:

length : Number readonly

The length of data.

Example:

<div id='foo'>Foo</div>
<script>
  var div = document.getElementById('foo');
  var text = div.firstChild;
  console.log(text.length);
</script>

Run

Results:

Instance Methods

appendData(data : String) : undefined

Appends data to the end of the this.data.

Example:

<div id='foo'>Foo</div>
<script>
  var div = document.getElementById('foo');
  var text = div.firstChild;
  text.appendData('Bar');
</script>

Run

Results:

deleteData(offset : Number, count : Number) : undefined

Deletes count characters of this.data starting at offset.

Example:

<div id='foo'>Some Text Data</div>
<script>
  var div = document.getElementById('foo');
  var text = div.firstChild;
  text.deleteData(4, 5);
</script>

Run

Results:

insertData(offset : Number, data : String) : undefined

Inserts data into this.data at offset.

Example:

<div id='foo'>Some Data</div>
<script>
  var div = document.getElementById('foo');
  var text = div.firstChild;
  text.insertData(4, ' Text');
</script>

Run

Results:

remove() : undefined

Removes this from parentNode's children.

Example:

<div id='foo'>Some Data</div>
<script>
  var div = document.getElementById('foo');
  console.log(div.childNodes.length);

  var text = div.firstChild;
  text.remove();
  console.log(div.childNodes.length);
</script>

Run

Results:

replaceData(offset : Number, count : Number, data : String) : undefined

Replaces count characters of text at offset in this.data with data.

Example:

<div id='foo'>Some Text Data</div>
<script>
  var div = document.getElementById('foo');
  var text = div.firstChild;
  text.replaceData(5, 4, 'Replaced')
</script>

Run

Results:

substringData(offset : Number, count : Number) : String

Returns a substring of this.data starting at offset and of the specified count of characters.

Example:

<div id='foo'>Some Text Data</div>
<script>
  var div = document.getElementById('foo');
  var text = div.firstChild;
  console.log(text.substringData(5, 9));
</script>

Run

Results:

home license contribute feedback toggle light/dark mode