getElementById仅在刷新页面后才起作用

Question

我正在尝试访问google.co.uk结果页面中的results div。使用firebug可以看到div的id是"res“，但由于某种原因，getElementById('res')失败了。更奇怪的是，如果我刷新页面(F5或ctrl+F5)，函数就会成功。

此外，如果我查看结果页面的源代码，我也看不到任何类似于firebug中描述的DOM的内容。

为什么会发生这种情况?我如何确保getElementById('res')在用户进行任何刷新时都会成功。

谢谢。

编辑:我添加了一个简短的代码来简化这个问题。在google.co.uk中放置一个查询后，页面重定向，并弹出“工作中”的警报，但第二个警报没有。刷新后，两个警报都会弹出，尽管第二个警报显示为0，这是不正确的，因为div根据firebug DOM有孩子。

附言:我也没有提到我用的是“油猴”

(function() {
alert('working');
var results = document.getElementById('res');
alert(results.childNodes.length);
})();

Answer 1

window.addEventListener("DOMContentLoaded", function () {
    var results = document.getElementById('res');
    alert(results.childNodes.length);
}, false);