<div><img src="/pic/20x20/2.jpg" id="picture"></div>
<div><img src="/pic/20x20/3.jpg" id="picture"></div>
<div><img src="/pic/20x20/4.jpg" id="picture"></div>
<script type="text/javascript">
var NewEL = document.getElementById('picture');
NewEL.src = NewEL.src.replace('20x20', '10x10');
var OldEL = document.getElementById('picture');
var parentDiv = OldEL.parentNode;
parentDiv.replaceChild(NewEL, OldEL);
</script>
Подскажите, как сделать так,чтоб заменились все 20x20 на 10x10, а не только первый как в данном примере?