JavaScript重复出现替换innerHTML

JavaScript重复出现替换innerHTML,javascript,replace,Javascript,Replace,我正在尝试替换html正文中的字符。我已经给出了P标签的id java脚本 function myFunction() { var str=document.getElementById("branch").innerHTML; var n=str.replace("rw","somesymbol"); var n=str.replace("er","somesymbol"); var n=str.replace("im","somesymbol"); document.getEl

我正在尝试替换html正文中的字符。我已经给出了P标签的id

java脚本

 function myFunction()
{
 var str=document.getElementById("branch").innerHTML; 
 var n=str.replace("rw","somesymbol");
 var n=str.replace("er","somesymbol");
 var n=str.replace("im","somesymbol");
 document.getElementById("branch").innerHTML=n;
}
 function myFunction()
{ 
 var str=document.getElementByClassName("branch").innerHTML;
 var n=str.replace("rw","somesymbol");
 var n=str.replace("er","somesymbol");
 var n=str.replace("im","somesymbol");
 document.getElementByClassName("branch").innerHTML=n;
}
HTML代码

 <button onclick="myFunction()">replace</button>

 <p id="branch"> contents </p>
 <p id="branch"> contents </p>
 <p id="branch"> contents </p>
 <span class="s1"><img src="image.jpg"></span>
 <p id="branch">contents</p>
 <script src="http://code.jquery.com/jquery-latest.js"></script>
 <script src="file.js"></script>

 <button onclick="myFunction()">replace</button>

 <div class="demo">nfhry ehL. tsik kpFe;j ,e;jf; nfhry ehl;od; jiyefuk;</div>
 <div class="demo">mnahj;jp vd;w jpUefuhFk;. ,e;efuj;jpy; thGk; kf;fs; kwe;Jk; jP';F</div>
 <span class="s1"><img src="image.jpg"></span>
新的HTML代码

 <button onclick="myFunction()">replace</button>

 <p id="branch"> contents </p>
 <p id="branch"> contents </p>
 <p id="branch"> contents </p>
 <span class="s1"><img src="image.jpg"></span>
 <p id="branch">contents</p>
 <script src="http://code.jquery.com/jquery-latest.js"></script>
 <script src="file.js"></script>

 <button onclick="myFunction()">replace</button>

 <div class="demo">nfhry ehL. tsik kpFe;j ,e;jf; nfhry ehl;od; jiyefuk;</div>
 <div class="demo">mnahj;jp vd;w jpUefuhFk;. ,e;efuj;jpy; thGk; kf;fs; kwe;Jk; jP';F</div>
 <span class="s1"><img src="image.jpg"></span>

代替
nfhry ehL。tsik kpFe;j,e;jf;nfhry-ehl;od;吉耶福;
mnahj;jp vd;w jpUefuhFk,Eefuj;日元;;thGk;kf;财政司司长;kwe;Jk;日本",;F

使用jQuery和class属性。这样,你将不得不做的只是
$('.branch')。forEach(…)

Blender是正确的-您可以使用
class
。这将贯穿整个段落。将
id
替换为
class

Javascript不是Java。编辑以更改标签,Blender获得了标题。
id
属性是唯一的。您不应该有多个元素具有相同的
id
。这就是
课程的目的。谢谢peter&Neiljun不幸的是,这门课不起作用。我尽力用谷歌搜索解决方案。不过我还是没有得到正确的剧本。谢谢彼得和尼尔。很不幸,这门课没上。我尽力用谷歌搜索解决方案。但我还是没有得到正确的剧本。