javascript - 未捕获的类型错误 : Cannot set property 'onclick' of null onclick not working

Question

下面是我的javascript，

<script type="text/javascript">
document.getElementById('auth').onclick=change;
function change(){
    this.className="account_holder";
}
</script>

html是

<td id="auth" class="authorised_reportericon" >
                        <a href="{% url incident.views.authorised_reporter %}">
                        <p align="center" style="color:black;font-size:16px;">Authorised Reporters</p></a>
                    </td>

我为 onclick 分配了 td 的 id，但它是一个错误，因为 Uncaught TypeError: Cannot set property 'onclick' of null

Answer 1

将 document.getElementById('auth').onclick=change; 放在 window.onload 中，例如:

window.onload = function () {
    document.getElementById('auth').onclick=change;
};

根据您遇到的错误，我猜您的 Javascript 是在呈现相关 HTML 之前执行的，这意味着未找到具有 id“auth”的元素。将它放在整个 DOM 准备就绪的事件中应该可以解决问题。

演示:Here