HTML＆DOM：元素或节点如何插入文本中的任意位置？

Question

可以找到最近的元素，然后替换它的内部HTML，但必须有DOM方式。

（例如mouseclicking上的文本将调用，在该文本的位置插入一个元件的功能，通过将鼠标光标指向。）

有一些的indexOf状DOM功能？

Answer 1

阅读范围。

• MDN Documentation
• MSDN Documentation

你可能想要得到一个空的范围在你的文字给定点和使用.insertNode()或.pasteHTML()。

编辑：我在Chrome和IE中测试了这个。 ONCLICK将选择设置在那里你点击一个空范围：

document.onclick = function(e) 
{ 
    if (window.getSelection) 
    { 
     getSelection().getRangeAt(0).insertNode(document.createTextNode("x")); 
    } 
    else if (document.selection) 
    { 
     document.selection.createRange().pasteHTML("x"); 
    } 
} 

您可能要检查选择的lenth和塌陷的范围内，如果有必要，以避免覆盖选定的文本。