js批量替换a标签href中指定字符

Question

js批量替换a标签href中指定字符,例如：把下面a标签中的href中www.aa.com，实时替换成www.bb.com，如何写js呢？

<div id="abc">
<a href="http://www.aa.com/a.html">测试</a>
<a href="http://www.aa.com/b.html">测试</a>
<a href="http://www.aa.com/c.html">测试</a>
<a href="http://www.aa.com/d.html">测试</a>
<a href="http://www.aa.com/e.html">测试</a>
</div>

Answer 1

正则替换，也可以用replaceAll，但是replaceAll有些浏览器不支持可能会出错，特别移动端浏览器

<div id="abc">
    <a href="http://www.aa.com/a.html">测试</a>
    <a href="http://www.aa.com/b.html">测试</a>
    <a href="http://www.aa.com/c.html">测试</a>
    <a href="http://www.aa.com/d.html">测试</a>
    <a href="http://www.aa.com/e.html">测试</a>
</div>
<script>
    //abc.innerHTML = abc.innerHTML.replaceAll('www.aa.com', 'www.bb.com');//有兼容性问题
    abc.innerHTML = abc.innerHTML.replace(/www\.aa\.com/gi, 'www.bb.com');
    alert(abc.innerHTML)

</script>