例如:网页div中有多个表格,表格中有一些字符想要在页面载入的时候动态替换:
下面代码中,需要用js替换id为art的div下所以子元素中表格中 :
Χ替换为Χ
Φ替换为φ
θ替换为θ
<body>
<div id="art">
<div class="a">
<table border="1">
<tr>
<th>Month</th>
<th>Savings</th>
</tr>
<tr>
<td>Χ</td>
<td>$100</td>
</tr>
</table>
</div>
<div class="b">
<table border="1">
<tr>
<th>Month</th>
<th>Savings</th>
</tr>
<tr>
<td>January</td>
<td>Φ</td>
</tr>
</table>
</div>
<div class="c">
<table border="1">
<tr>
<th>Month</th>
<th>Savings</th>
</tr>
<tr>
<td>January</td>
<td>θ</td>
</tr>
</table>
</div>
</div>
</body>
用getElementsByTagName("td")获取表格,循环用正则表达式替换即可
参考代码如下:
var tds = document.getElementById("art").getElementsByTagName("td");
for (var i = 0; i < tds.length; i++) {
tds[i].innerHTML = tds[i].innerHTML.replace(/Χ/g,"Χ").replace(/Φ/g,"φ").replace(/θ/g,"θ");
}
如有帮助,请点击我的回答下方的【采纳该答案】按钮帮忙采纳下,谢谢!
补充下,上面的说明部分字符被解析了:
Χ替换为Χ
Φ替换为φ
θ替换为θ
您好,我是有问必答小助手,您的问题已经有小伙伴帮您解答,感谢您对有问必答的支持与关注!