使用javascript在.HTML文件中添加HTML代码

使用javascript在.HTML文件中添加HTML代码,javascript,html,twitter-bootstrap,navbar,inject,Javascript,Html,Twitter Bootstrap,Navbar,Inject,我正在用bootstrap开发一个网站。 如果我想修改导航栏,我不想转到任何html文件并进行更改。 所以我想使用javascript将html代码“注入”到实际的html文件中,但我不知道如何做到这一点 这就是我试过的 document.write(“html代码在此”) 然而,它不起作用。最方便、最简单的解决方案是什么?您可以尝试以下示例: let newElement = document.createElement('div'); newElement.className = 'ne

我正在用bootstrap开发一个网站。 如果我想修改导航栏,我不想转到任何html文件并进行更改。 所以我想使用javascript将html代码“注入”到实际的html文件中,但我不知道如何做到这一点

这就是我试过的

document.write(“html代码在此

”)

然而,它不起作用。最方便、最简单的解决方案是什么?

您可以尝试以下示例:

let newElement = document.createElement('div');

newElement.className = 'new-element';

这将创建一个div-将其分配给名为“newElement”的变量,并创建一个与名为“newElement”的元素关联的类。

有很多。考虑研究任何库或框架吗?永远不要使用<代码>文档。现在是2021年,学习如何使用DOM API(createElement、append等)。是你的朋友,首先,阅读这个例子,然后从那里开始。使用静态站点生成器来完成这类事情。不要使用客户端JS。