Javascript getElementsByClassName找不到uls

我无法让我的代码在Chrome中正常工作，但是当我将代码粘贴到JSFIDLE中时，它可以正常工作。我正在尝试使用GetElementsByCassName获取文档中的所有ul标签，然后使用其中一个uls中的所有lis。当我使用getElementsByClassName（“ul”）时，它在Chrome中找不到任何div，但是如果我在uls getElementsByClassName（“ul”）找到所有div之前删除两个div中的任何一个，那么div似乎就是破坏JS的原因

我无法在JSFIDLE中重现该问题，因为那里的代码工作正常，但这里是：

谢谢

---

Alex

您确定在将html添加到页面后运行此javascript吗？JSFIDLE可能会以不同的方式将html/脚本呈现到您的网页中，这就是它在那里工作的原因。如果您的javascript位于HTML的头部，您很可能会有这种行为-尝试使用jquery on document ready函数或将您的JS移动到页面底部

---

我看不出你的代码有什么问题，我猜你的

头中有上面的JS代码。所以，把它包起来

如果要执行


如果您拥有它，请尝试将代码包装到

如果您不想使用jQuery，请执行以下操作。

而且，这在IE中不起作用，所以请检查

谢谢，将main.js移到底部解决了这个问题。
var sElements = document.getElementsByClassName("HeaderWrapWide");
var catOne = document.getElementsByTagName("ul");
alert("number of ul: " + catOne.length);

var liTags = catOne[3].getElementsByTagName("li");
alert("number of li: " + liTags.length);

(function () {
   //ToDos
})();

document.addEventListener('DOMContentLoaded', function() {
    your code here.
  })