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和塌陷的範圍內，如果有必要，以避免覆蓋選定的文本。