Javascript 使用JS将HTML块插入HTML文件

我想使用JS将此HTML块插入到其他HTML文件中，因为如果我需要编辑导航，我可以在JS文件中编辑它：

最简单的方法是什么？我已经搜索过了，但我只看到了可以独自完成的东西。有没有一种简单的方法可以做到这一点

我已经尝试过了，但出现了一个错误（

uncaughttypeerror:无法将属性'innerHTML'设置为null:navbar.js:1

）：

document.getElementById（'first-body'）。innerHTML=`

Übermich

迪恩斯特莱斯通根


安弗拉格

`;

在要插入的HTML文件中，我使用以下命令：

我的HTML文件：

---

您所缺少的只是一个ID为“first body”的元素

document.getElementById（'first-body'）。innerHTML=`

Übermich

迪恩斯特莱斯通根


安弗拉格

`;
它确实有效，我看不出这里有什么问题，只是你应该在HTML文件的末尾导入JS文件，如下面的示例所示。因为如果您有一个id为第一个主体的
，它确实可以工作，请查看下面的示例代码

如果您不理解代码，请阅读：


document.getElementById（'first-body'）。innerHTML=`

Übermich

迪恩斯特莱斯通根


安弗拉格

`;
包括上述问题，您的html格式不正确

说明：

错：



对:




document.getElementById（'first-body'）。innerHTML=`
`;

您是否确实有id为第一个主体的div？您可以将要粘贴到文档中的文件发布到文档中吗？getElementById（'first-body'）事实上，
first body
在HTML中不存在，脚本标记位于body标记的底部？否则，您的代码将在DOM准备就绪之前执行。而且找不到你要找的div。@Raph117我在末尾贴了出来