Work with DOM text with Javascript
Working with Text
The text content of an element is represented by a
Text object, which is presented as a child of the
element in the document model.
| Name | Description | Returns |
|---|---|---|
| appendData(string) | Appends the string to the end of text. | void |
| data | Gets or sets the text. | string |
| deleteData(offset, count) | Removes the text from the string. | void |
| insertData(offset, string) | Inserts the specified string at the specified offset. | void |
| length | Returns the number of characters. | number |
| replaceData(offset,count, string) | Replaces a region of text with the specified string. | void |
| replaceWholeText(string) | Replaces all of the text. | Text |
| splitText(number) | Splits the existing Text element into two at the specified offset. | Text |
| substringData(offset, count) | Returns a substring from the text. | string |
| wholeText | Gets the text. | string |
The following code replaces the text for a paragraph.
<!DOCTYPE HTML>
<html>
<body>
<p id="textblock">
This is a test.<!-- w w w . j a v a 2s .c om-->
</p>
<button id="pressme">Press Me</button>
<script>
var elem = document.getElementById("textblock");
document.getElementById("pressme").onclick = function() {
var textElem = elem.firstChild;
document.writeln("The element has " + textElem.length + " chars");
textElem.replaceWholeText("This is a new string ");
};
</script>
</body>
</html>