js遍历指定div下或者body下所有表格,然后替换表格中的字符:

例如:网页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>&Chi;</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>&Phi;</td>
        </tr>
      </table>
    </div>
    <div class="c">
      <table border="1">
        <tr>
          <th>Month</th>
          <th>Savings</th>
        </tr>
        <tr>
          <td>January</td>
          <td>&theta;</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(/&Chi;/g,"Χ").replace(/&Phi;/g,"φ").replace(/&theta;/g,"θ"); 
}

如有帮助,请点击我的回答下方的【采纳该答案】按钮帮忙采纳下,谢谢!

img

补充下,上面的说明部分字符被解析了:

&Chi;替换为Χ 
&Phi;替换为φ 
&theta;替换为θ
您好,我是有问必答小助手,您的问题已经有小伙伴帮您解答,感谢您对有问必答的支持与关注!
PS:问答VIP年卡 【限时加赠:IT技术图书免费领】,了解详情>>> https://vip.csdn.net/askvip?utm_source=1146287632