Cloud 9无法使用简单的javascript代码检索类？

Question

在我当前的工作区网站上，（运行from cloud 9 IDE）我有两个非常简单的代码块：

HTML

<span class="subject"> Github </span>
<div class="content">
    <hr>
    <span class="lSubj" style="color: navy;"> <a href="link"> Link </a> </span>
    <pre><div class="gitContent">Filler Text</div></pre>
</div>

使用Javascript：

function gitFire(){
    var gits = document.getElementsByClassName("gitContent");
    for( var i = 0; i < gits.length; i ++ )
    {
        var element = gits[i];
        alert( element.innerHTML );
    }
}

document.onload += gitFire();

CLOUD 9空间链接： https://c9.io/lemony_andrew/leandrew/workspace/test.html

Js Fiddle Link： http://jsfiddle.net/T3jkp/1/

1. 调试控制台中没有错误。
2. Cloud 9没有找到类，但jsfiddle没有。
3. Cloud 9 执行代码。我认为问题在于： getElementsByClassName
4. 将document.onload += gitFire;更改为document.onload = gitFire;不会影响结果。

我认为这可能是云9的错，但我之前从未遇到过这样的问题。为什么它可能在jsfiddle而不是我的工作区上工作？

Answer 1

您立即执行gitFire而不是附加onload处理程序。它适用于JSFiddle，因为它们总是在执行脚本之前等待加载DOM。

document.onload = gitFire;