javascript - getElementsByClassName が機能しない

Question

このスクリプトは機能しません。
何が問題ですか？

jsfiddle: http://jsfiddle.net/VHeAq/

var elements = document.getElementsByClassName('test1');
for (var i = 0; i < elements.length; i++){elements[i].innerHTML.replace('foo', 'bar')};

Answer 1

文字列は不変であるため、replace変更されませんが、新しい文字列が返されます。

変化する

elements[i].innerHTML.replace('foo', 'bar')

に

elements[i].innerHTML = elements[i].innerHTML.replace('foo', 'bar')

デモンストレーション