Text

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.

Das Text-Interface repräsentiert einen Text-node in einem DOM-Baum.

EventTarget Node CharacterData Text

Um zu verstehen, was ein Textknoten ist, betrachten Sie das folgende Dokument:

html
<html lang="en" class="e">
  <head>
    <title>Aliens?</title>
  </head>
  <body>
    Why yes.
  </body>
</html>

In diesem Dokument gibt es fünf Textknoten mit folgendem Inhalt:

  • "\n " (nach dem <head>-Start-Tag, ein Zeilenumbruch gefolgt von vier Leerzeichen)
  • "Aliens?" (der Inhalt des <title>-Elements)
  • "\n " (nach dem </head>-Ende-Tag, ein Zeilenumbruch gefolgt von zwei Leerzeichen)
  • "\n " (nach dem <body>-Start-Tag, ein Zeilenumbruch gefolgt von zwei Leerzeichen)
  • "\n Why yes.\n \n\n" (der Inhalt des <body>-Elements)

Jeder dieser Textknoten ist ein Objekt, das die in diesem Artikel dokumentierten Eigenschaften und Methoden besitzt.

Konstruktor

Text()

Gibt einen neuen Text-Knoten mit dem Parameter als textuellen Inhalt zurück.

Instanz-Eigenschaften

Erbt Eigenschaften von seinen Eltern, CharacterData, Node, und EventTarget.

Text.assignedSlot Schreibgeschützt

Gibt ein HTMLSlotElement zurück, das das <slot>-Element repräsentiert, in das der Knoten eingefügt ist.

Text.wholeText Schreibgeschützt

Gibt einen String zurück, der den Text aller Text-Knoten enthält, die logisch an diesen Node angrenzen, in Dokumentenreihenfolge verkettet.

Instanz-Methoden

Erbt Methoden von seinen Eltern, CharacterData, Node, und EventTarget.

Text.splitText

Teilt den Knoten an einem angegebenen Offset in zwei Knoten auf.

Spezifikationen

Specification
DOM
# interface-text

Browser-Kompatibilität

Report problems with this compatibility data on GitHub
desktopmobile
Chrome
Edge
Firefox
Opera
Safari
Chrome Android
Firefox for Android
Opera Android
Safari on iOS
Samsung Internet
WebView Android
WebView on iOS
Text
Text() constructor
assignedSlot
getBoxQuads
Experimental
splitText
wholeText

Legend

Tip: you can click/tap on a cell for more information.

Full support
Full support
No support
No support
Experimental. Expect behavior to change in the future.
See implementation notes.
User must explicitly enable this feature.

Siehe auch