getElementById返回null？

Question

document.getElementById('id of div that definately exists') 返回null。我最初是在最后一次加载javascript的，以确保无需担心onload事件。我也尝试使用onload事件。这很诡异。任何想法或帮助将不胜感激。

Answer 1

原因可能是：

1. 无效的HTML语法（某些标记未关闭或类似错误）

2. 重复的ID-有两个具有相同ID的HTML DOM元素

3. 也许您试图通过ID获取的元素是动态创建的（由ajax加载还是由脚本创建）？

请发布您的代码。

Answer 2

还请注意如何执行页面上的js。例如，如果您执行以下操作：

(function(window, document, undefined){

  var foo = document.getElementById("foo");

  console.log(foo);

})(window, document, undefined); 

这将返回null，因为您将在加载文档之前对其进行调用。

更好的选择..

(function(window, document, undefined){

// code that should be taken care of right away

window.onload = init;

  function init(){

    // the code to be called when the dom has loaded

    // #document has its nodes

  }

})(window, document, undefined);