javascript - 为什么我在提示时得到 "Cannot set property ' innerHTML' of null”

Question

我尝试用 JS 编写一些代码，但是当我将鼠标悬停时，出现错误“无法在提示时设置 null 的属性‘innerHTML’”。我已经读到可能会发生这样的错误，因为 Chrome 在创建 Div 之前编译/呈现 JS 代码。因此，我把它放在底部进行检查。不幸的是，把它放在底部并没有解决我的问题。也许更有经验的人会明白。

var hint = "Hello";

function ahint()
{
    document.getElementById('#randomhint').innerHTML = hint;
}

    <div id="randomhint" onmouseover="ahint()">!</div>

    <script type="text/javascript" src="main.js"></script>
</body>

Answer 1

从标识符中删除#:

var hint = "Hello";

function ahint()
{
    document.getElementById('randomhint').innerHTML = hint;
}

您可能在使用 jQuery 或类似库的代码中看到过 #，例如 $('#randomhint')。这就是这些库如何知道您要使用 id 而不是标签名称。

但是在使用 getElementById(它是“vanilla”JavaScript 的一部分)时，您不需要(也不能使用)它。使用 getElementById，只有实际的 id 值 ("randomhint") 属于那里。