JavaScript - 无法分配变量

Question

我的简单代码是：

var child1 = document.getElementsByClassName("item1")[0].innerHTML;
var child2 = document.getElementsByClassName("item2")[0].innerHTML;
var child3 = document.getElementsByClassName("item3")[0].innerHTML;
var child4 = document.getElementsByClassName("item4")[0].innerHTML;
var arr = [child1, child2, child3, child4];

但是当我在Firefox中运行文档时，打开控制台并输入child1，或者输入arr，我在控制台中获得undefined。

当我输入document.getElementsByClassName("item1")[0].innerHTML;时，我在控制台中获得了正确的内容，如下所示：

"<div class="inh">♠</div>"

这实际上是我的内容，但我无法将其分配给变量!!任何帮助都会很棒。