在Django模板中只删除一个页面上的div

我有一个包含15个单独页面的网站。在每个页面上,我都有一个名为header的div。我要通过JavaScript删除这个元素,如下所示:

主页.html

<script>
    const element = document.getElementById('header');
    element.remove();
</script>

问题是,在删除header元素之前,我可以看到它一秒钟。脚本被放置在页面的顶部。我也试着通过css这样做:

.header {
    height: 0rem !important;
    visibility: hidden !important;
}

然而,在刷新页面时,我仍然看到元素消失了。

我知道我可以在我的 base.html 文件,只需在homepage.html页面中排除它,但我需要手动将其包含在其他14个html文件中。

提问 是否有其他/更好的方法来排除div,这样我在主页上根本看不到它?