javascript - 使用javascript动态制作Html页面

Question

我通过以下链接

How can I make JavaScript make (produce) new page?

Create and append dynamically

我想在 div 中使用 JavaScript 动态添加 html 元素，但我不想点击第二个链接，因为我的 javascript 代码会变得非常庞大和复杂。有没有办法让我可以使用一行代码添加 html 元素，就像在第一个链接中所做的那样。

我不想使用 JQuery。

Answer 1

首先，我要开始说，使用 jQuery。如果你使用 jQuery，你实际上只需要这样做:

$("#target").append("<p>New Paragraph</p>");

如果您坚持使用 vanilla JavaScript，则必须像您发布的第二个示例那样做:

var iDiv = document.createElement('div');
iDiv.id = 'block';
iDiv.className = 'block';
document.getElementsByTagName('body')[0].appendChild(iDiv);