Text: splitText() Methode

Baseline Weitgehend verfügbar

Diese Funktion ist gut etabliert und funktioniert auf vielen Geräten und in vielen Browserversionen. Sie ist seit Juli 2015 browserübergreifend verfügbar.

Die splitText() Methode der Text-Schnittstelle teilt den Text-Knoten an der angegebenen Stelle in zwei Knoten auf und behält beide Knoten als Geschwister im Baum bei.

Nach der Teilung enthält der aktuelle Knoten den gesamten Inhalt bis zu der angegebenen Offset-Stelle, und ein neu erstellter Knoten desselben Typs enthält den verbleibenden Text. Der neu erstellte Knoten wird an den Aufrufer zurückgegeben. Wenn der ursprüngliche Knoten ein übergeordnetes Element hatte, wird der neue Knoten als nächster Geschwisterknoten des ursprünglichen Knotens eingefügt. Wenn der Offset gleich der Länge des ursprünglichen Knotens ist, enthält der neu erstellte Knoten keine Daten.

Getrennte Textknoten können mit der Node.normalize()-Methode wieder zusammengeführt werden.

NoModificationAllowedError DOMException

Wird ausgelöst, wenn der Knoten schreibgeschützt ist.

Beispiel

In diesem Beispiel wird der Text eines <p> in zwei Textknoten aufgeteilt, und ein <u> wird zwischen ihnen eingefügt.

html

<p>foobar</p>

js
const p = document.querySelector("p");

// Get contents of <p> as a text node
const foobar = p.firstChild;

// Split 'foobar' into two text nodes, 'foo' and 'bar',
// and save 'bar' as a const
const bar = foobar.splitText(3);

// Create a <u> element containing ' new content '
const u = document.createElement("u");
u.appendChild(document.createTextNode(" new content "));

// Add <u> before 'bar'
p.insertBefore(u, bar);

// The result is: <p>foo<u> new content </u>bar</p>

Die Text-Schnittstelle, zu der sie gehört.
Die entgegengesetzte Methode: Node.normalize.

Help improve MDN

War diese Übersetzung hilfreich?

Ja Nein

Erfahren Sie, wie Sie beitragen können Diese Seite wurde automatisch aus dem Englischen übersetzt.

Übersetzung auf GitHub anzeigen • Fehler mit dieser Übersetzung melden

Document Object Model (DOM)
Text
Konstruktor
1. Text()
Instanzeigenschaften
1. assignedSlot
2. wholeText
Instanzmethoden
1. splitText()
Vererbung
Verwandte Seiten für DOM
Anleitungen
1. Anatomie des DOM
2. Attributreflexion
3. Auswahl und Traversierung im DOM-Baum
4. Erstellen und Aktualisieren des DOM-Baums
5. Arbeiten mit Ereignissen

Text: splitText() Methode

In diesem Artikel

Syntax

Parameter

Rückgabewert

Ausnahmen

Beispiel

Spezifikationen

Browser-Kompatibilität

Siehe auch

Help improve MDN