Text
{{ApiRef("DOM")}}
The Text interface represents a text {{domxref("Node", "node")}} in a DOM tree.
{{InheritanceDiagram}}
To understand what a text node is, consider the following document:
<html lang="en" class="e">
<head>
<title>Aliens?</title>
</head>
<body>
Why yes.
</body>
</html>
In that document, there are five text nodes, with the following contents:
"\n "(after the<head>start tag, a newline followed by four spaces)"Aliens?"(the contents of thetitleelement)"\n "(after the</head>end tag, a newline followed by two spaces)"\n "(after the<body>start tag, a newline followed by two spaces)"\n Why yes.\n \n\n"(the contents of thebodyelement)
Each of those text nodes is an object that has the properties and methods documented in this article.
Constructor
{{domxref("Text.Text", "Text()")}}- : Returns a new
Textnode with the parameter as its textual content.
- : Returns a new
Instance properties
Inherits properties from its parents, {{domxref("CharacterData")}} , {{domxref("Node")}} , and {{domxref("EventTarget")}} .
{{domxref("Text.assignedSlot")}}{{ReadOnlyInline}}- : Returns a
{{domxref("HTMLSlotElement")}}representing the{{htmlelement("slot")}}the node is inserted in.
- : Returns a
{{domxref("Text.wholeText")}}{{ReadOnlyInline}}- : Returns a string containing the text of all
Textnodes logically adjacent to this{{domxref("Node")}}, concatenated in document order.
- : Returns a string containing the text of all
Instance methods
Inherits methods from its parent, {{domxref("CharacterData")}} , {{domxref("Node")}} , and {{domxref("EventTarget")}} .
{{domxref("Text.splitText")}}- : Breaks the node into two nodes at a specified offset.
Specifications
{{Specifications}}
Browser compatibility
{{Compat}}