Text.splitText()

Baseline Widely available

This feature is well established and works across many devices and browser versions. Its been available across browsers since 2015 7.

Learn more
See full compatibility

Text.splitText() Text . sibling .

, , . . , sibling . , .

Node.normalize() .

16 INDEX_SIZE_ERR DOMException throw. NO_MODIFICATION_ALLOWED_ERR DOMException throw.

<body>
  <p id="p">foobar</p>

  <script type="text/javascript">
    var p = document.getElementById("p");
    var textnode = p.firstChild;

    // foo  bar  
    var replacementNode = textnode.splitText(3);

    // ' span contents '   span 
    var span = document.createElement("span");
    span.appendChild(document.createTextNode(" span contents "));

    // 'bar'  span 
    p.insertBefore(span, replacementNode);

    // : <p id="p">foo<span> span contents </span>bar</p>
  </script>
</body>

Specification
DOM # ref-for-dom-text-splittext

Text .
: Node.normalize.

Help improve MDN

Was this page helpful to you?

Yes No

Learn how to contribute

This page was last modified on 2023 7 30 by MDN contributors.

View this page on GitHub Report a problem with this content

Text.splitText()

In this article

Help improve MDN