这段JS替换代码 怎么写成 指定范围内起作用?

来源:百度知道 编辑:UC知道 时间:2024/05/28 10:17:40
<body>
<div>
<span class="1">百度</span>
<span class="2">百度</span>
<p>百度</p>
<b>百度</b>
百度

</div>

<script type="text/javascript">
document.body.innerHTML = document.body.innerHTML.replace(/(百度)/gi,"Baidu");
</script>
</body>

比如 只把<span class="1"></span>
这个中间的"百度"替换成"Baidu"

给要替换的span加上id 然后替换
var baidu1=document.getElementById("baidu1") 表示取id为baidu1的对象 付给 自己定义的变量baidu1;
baidu1.innerHTML 代表 此对象的内容(此为<span> 与 </span>之间的内容)
replace 为替换

<body>
<div>
<span id="baidu1" class="1">百度</span>
<span class="2">百度</span>
<p>百度</p>
<b>百度</b>
百度

</div>

<script type="text/javascript">
var baidu1=document.getElementById("baidu1");
baidu1.innerHTML = baidu1.innerHTML.replace(/(百度)/gi,"Baidu");
</script>
</body>

如果把span里的百度替换,可以用:
<script type="text/javascript">
var se = document.getElementsByTagName("span");
for(var i=0;i<se.length;i++){
se[i].innerText=se[i].innerText.replace("百度","Baidu");
}
</script>