自定义 js 文件中的 javascript onclick null

Question

我试图简单地检测单击 A 链接以显示警报框。每当我将脚本放入我的链接所在的 php 文件中时，它都工作正常，但每当我将它放入自定义 JS 文件中时，它都不会检测到它，并且我收到错误“未捕获类型错误:无法设置属性” onclick"of null'。

php 页面和自定义 js 页面之间的链接肯定有效，因为我之前在该页面上有工作代码。它根本不会检测到我的 A 链接，它位于外部脚本中。

HTML

<a id="ConfirmHolidayClose" href="#">
    <img src="assets/img/close-button.png" alt="Holiday-request-close-button" 
        class="CloseButton" />
</a>

JavaScript

document.getElementById("ConfirmHolidayClose").onclick=function(){
    alert("Working");
}

更新 - 忘记提及抱歉，我的链接嵌套在名为“ConfirmHoliday”的 div 内。

我有 JS 代码在我的自定义 JS 中操作ConfirmHoliday div，因此它无法在之后加载，因为它目前正在完美地找到其父 div。

Answer 1

javascript 文件在创建元素之前运行，因此它不存在。要解决这个问题，您有几个选择:

1) 用 window.onload 函数包围代码

window.onload = function () {
    // Your code here
};

2)将其放在单独的js文件中，并在script标签中添加defer属性。

<script src="yourScript.js" defer="defer"></script>

3)将脚本标签放在 anchor 标签后面