Javascript 当元素处于交错状态时，getElementById返回null<；部门>；标签

我知道这个问题以前被问过很多次，但是，我从来没有找到这个特定的设置

我的脚本位于

标记的末尾，我正在执行带有

窗口的警报消息。onload

，因此原因可能是DOM尚未加载

它也不是一个打字错误或任何东西，因为我出于测试目的剪切并粘贴了相同的代码段，当没有交错的

时，它工作得很好

但是，当我将

放入另一个

中时，返回值突然变为null

我真的无法理解那种行为

这里有两个代码示例可以更好地说明这个问题：

工作：

<div id="test123"></div>

// returns the div object

window.onload = function() {
alert(document.getElementById("info123"));
};

//返回div对象
window.onload=函数（）{
警报（document.getElementById（“info123”）；
};

不工作：

<div id ="charts_container" style="bottom:0px;padding:0px;overflow:auto;position:absolute; top:35px; left:0px; right:0px; background-color:#ffffff;margin-right:0px;" >
    <div id="test123"></div>
</div>

// returns null

window.onload = function() {
alert(document.getElementById("test123"));
};

//返回空值
window.onload=函数（）{
警报（document.getElementById（“test123”）；
};

两个示例都不起作用

info123

不是

test123

。你需要使用正确的id

。要么：

您犯了错误，例如从上一个标记（使用）中删除了

，或者

在您尝试查找元素之前，您有一些其他JavaScript正在删除该元素

---

希望脚本在

标记中…我猜AmCharts会从

#charts\u容器中删除原始HTML。更正了OP中的错误