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>
正则替换,也可以用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>
获取a标签,然后遍历用字符串替换。
str.replace("需要替换的字符串","新字符串")