Текст: метод splitText()

Метод splitText() интерфейса Text разбивает узел Text на два узла на указанном смещении, сохраняя оба узла в дереве как соседние.

После разделения текущий узел содержит всё содержимое до указанной точки смещения, а новый созданный узел того же типа содержит оставшийся текст. Созданный узел возвращается вызывающей стороне. Если у исходного узла есть родитель, новый узел вставляется как следующий сосед исходного узла. Если смещение равно длине исходного узла, созданный узел не содержит данных.

Разделенные текстовые узлы могут быть объединены с помощью метода Node.normalize().

offset

Индекс, непосредственно перед которым должен быть разбит текстовый узел.

Возвращает новый созданный узел Text, содержащий текст после указанной точки смещения.

IndexSizeError DOMException

Выбрасывается, если указанное смещение отрицательное или больше, чем количество 16-битных единиц в тексте узла.

NoModificationAllowedError DOMException

Выбрасывается, если узел является только для чтения.

В этом примере текст <p> разбивается на два текстовых узла, и между ними вставляется <u>.

<p>foobar</p>

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>

• Интерфейс Text, к которому он относится.
• Противный метод: Node.normalize.