<!DOCTYPE html>
<html lang="en-US">
<body>
<p>Hard fail</p>
<p>Click on the button to split text and insert new text in it.</p>
<button onclick="myFunction()">Click Me</button>
<p id="point"></p>
<script>
var p = document.getElementsByTagName("p")[0];
var textnode = p.firstChild;
function myFunction(){
var replacementNode = textnode.splitText(4);
var span = document.createElement('span');
span.appendChild(document.createTextNode(" work never"));
p.insertBefore(span, replacementNode);
}
</script> </body>
</html>