var p = document.getElementById('myParagraph');
var text = p.childNodes[0];
var at = 5;
// create new span node with content
var span = document.createElement("span");
span.appendChild(document.createTextNode('ipsum'));
// Split the text node into two and add new span
p.insertBefore(span, text.splitText(at));
var p = document.getElementById('myParagraph');
var text = p.childNodes[0];
// Split the text
var len = 5
var text1 = text.nodeValue.substr(0, len);
var text2 = text.nodeValue.substr(len);
var span = document.createElement('span');
span.appendChild(document.createTextNode(' dolor'));
// Remove the existing text
p.removeChild(p.childNodes[0]);
// Put the new text in
p.appendChild(document.createTextNode(text1));
p.appendChild(span);
p.appendChild(document.createTextNode(text2));
3条答案
按热度按时间jslywgbw1#
正确的方法(使用DOM-Core接口,包括the
splitText()
method)是:pnwntuvh2#
你需要将文本放入一个变量中,然后将其从DOM中移除。将其拆分,然后插入第一部分,然后插入span节点,然后插入第二部分。
dbf7pr2w3#
你可以检查nodes
innerHTML
属性并修改它。或者你可以查看childNodes
集合并处理其中的元素(删除旧的文本节点并在其位置插入新节点)。