js修改一处，html多张图片更换目录

Question

http://www.baidu.com/img/01/tu1.png
http://www.baidu.com/img/01/tu2.png
http://www.baidu.com/img/01/tu3.png

能否实现比如上面的图片链接，01目录，js修改一处那么这三张图片的目录自动更换，比如我01要该成：02 那这三张图片的链接就会变成：

http://www.baidu.com/img/02/tu1.png
http://www.baidu.com/img/02/tu2.png
http://www.baidu.com/img/02/tu3.png

Answer 1

document.querySelectorAll获取下img对象，然后for遍历replace下src的值就行，示例代码如下

<img src="http://www.baidu.com/img/01/tu1.png" width="150">
<img src="http://www.baidu.com/img/01/tu2.png" width="150">
<img src="http://www.baidu.com/img/01/tu3.png" width="150">
<img src="http://www.baidu.com/img/01/tu4.png" width="150">
<img src="http://www.baidu.com/img/01/tu5.png" width="150">
<img src="http://www.baidu.com/img/01/tu6.png" width="150">
<br />
<button onclick="changeSrc()">批量替换图片src</button>
<script>
    function changeSrc() {
        var imgs = document.querySelectorAll('img[src*="/01/"]');
        for (var i = 0; i < imgs.length; i++)imgs[i].src = imgs[i].src.replace('/01/', '/02/');
    }
</script>

有其他问题可以继续交流~