如何用JavaScript替换同一索引处的文本？

如何替换相同索引处的文本。本文可能有相同的模式。假设我想在下一个文本中替换粗体“是”。如何用JavaScript替换同一索引处的文本？

“萨姆是一个男孩和多莉是他的妹妹，但约翰是他的父亲，他不是医生。”

当我使用下面的代码时，它将替换斜体“is”的第一个模式！

function getSelectedHTMLText() { 
    if (window.getSelection) { // all browsers, except IE before version 9 contents 
    var range = window.getSelection(); 
    var container = document.createElement("div"); 
    for (var i = 0, len = range.rangeCount; i < len; ++i) { 
     container.appendChild(range.getRangeAt(i).cloneContents()); 
    } 
      html = container.innerHTML; 
      return html; 
    } 
    else { 
     if (document.selection.createRange) { // Internet Explorer 
      var range = document.selection.createRange(); 
      html = range.htmlText; 
      return html; 
     } 
    } 
} 

var txt = "Sam is a boy and Dory is his sister, but John <b>is</b> his father. He isn't a doctor."; 

var htmlText = getSelectedHTMLText(); //This return s 

var txtModified = txt.replace(htmlText, "is");

注：我使用此代码替换为none-HTML代码的HTML代码，反之亦然

来源

2013-02-02 Develop Smith

准备的jsfiddle例子。帮助你会容易得多。 “ – Eru

”'替换粗体“是”'“，用什么替换”大胆是“？删除围绕“is”的'b'标签？ – Teemu

我自己是使用本机JS的忠实粉丝，但是在这种情况下，没有任何理由不使用jQuery？ – contactmatt

回答你的问题是由Tim向下回答here。实际上看起来与您的代码非常相似。

我做了一个小提琴演示http://jsfiddle.net/DggQL/它也适用于你的情况。

这是代码

/* taken from https://stackoverflow.com/a/3997896*/ 
function replaceSelectedText(replacementText) { 
    var sel, range; 
    if (window.getSelection) { 
     sel = window.getSelection(); 
     if (sel.rangeCount) { 
      range = sel.getRangeAt(0); 
      range.deleteContents(); 
      range.insertNode(document.createTextNode(replacementText)); 
     } 
    } else if (document.selection && document.selection.createRange) { 
     range = document.selection.createRange(); 
     range.text = replacementText; 
    } 
}

来源

2013-02-02 21:44:32

感谢gert vaartjes这看起来很有帮助。我明天会试试，因为我再也看不到了。感谢您和@TimDown。 –

如何用JavaScript替换同一索引处的文本？

回答

相关问题