正在更改从另一个HTML文件导入的Javascript元素

我正在尝试导入一些HTML代码，我喜欢下面的代码，它可以工作！这不是问题所在，但与此有关。我使用一个“通用html文件”，然后我可以将它导入到我喜欢的任何文档中，然后它就有了特定的头。我还可以更改通用代码，所有其他页面也会更改。这节省了我很多工作

这是我如何使用W3S中的一些代码导入HTML代码的方式

includeHTML（）；

为了清楚起见，上面的代码工作得非常完美。 我的问题来了

在每个不同的页面中，我希望它突出显示某个链接（在导入的页眉中），以便您知道您所在的页面，例如，按下页眉中的主页链接会使主页链接变为红色。这当然是我从通用html代码中导入的标题

很明显，我想在标题中有一个链接，这个链接的颜色是红色的，这取决于我在哪个页面上。所以我不能仅仅改变通用html，因为这会改变所有网站上的通用html。这不是重点

我试图通过在链接中添加一个css类使其变为红色，从而用Javascript实现红色。

这就是我如何尝试将类添加到从通用HTML代码导入的HTML元素中的方法

<script>
    var element = document.getElementById("link_home");
    console.log(element);
    element.classList.add("current_link");
 </script>

var元素=document.getElementById（“link_home”）；
控制台日志（元素）；
element.classList.add（“当前链接”）；

它当然不起作用，当我打印出“element”变量时，它会显示null。所以它看不到这个元素存在，可能是因为它被导入了？ 那么，在仍然导入通用HTML的情况下，如何实现这一点呢。我是不是应该用老办法，在每页复制相同的页眉，然后手动更改类，或者怎么样

提前谢谢

---

-Bjørn

您是否尝试过将此脚本放入document.ready函数中？可能是重复的，但我不太确定这是什么，但我现在将检查它。我试过后会回复。谢谢要解决您的问题，您应该等到该元素可用，然后再继续并尝试添加该类谢谢大家

<script>
    var element = document.getElementById("link_home");
    console.log(element);
    element.classList.add("current_link");
 </script>