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')

Demonstration