javascript一个替换我网页上的一些单词的功能

时间:2011-02-18 15:56:06

标签: javascript

我需要一个javascript,用其他单词替换我网页上的一些单词。因此,当页面加载时,我指定的某些单词会被其他内容替换

例如,如果找到“hello”,则替换为“hi” 如果发现“一个”取代“两个”等。

我该怎么做?

2 个答案:

答案 0 :(得分:2)

在jquery中,将其添加到head标签中的脚本标记

$(document).ready(function() {
  $("p, div, span, li").each(function() {
   this.text(this.text().replace("word", "new word").replace("word2", "new word2"));
  });
});

你需要在标签列表中添加你想要文本替换的任何标签,我只是添加了最常见的标签。

答案 1 :(得分:2)

<div id="myDiv">
hello there my name is tom there hello there
</div>

<button onclick="replaceText()">Click me!</button>

使用JS:

function replaceText(){
    var theDiv = document.getElementById("myDiv");
    var theText = theDiv .innerHTML;

    // Replace words
    theText = theText.replace("word", "replace");
    theText = theText.replace("one", "fish");
    theText = theText.replace("tom", "drum");

    theDiv.innerHTML = theText;
}

如果你想避免破坏标记标记(如果由于某种原因你要替换像'div'或'strong'这样的单词),你可以在replace函数的第一个参数中插入一个正则表达式。但是这个函数对纯文本块非常有用。