我浏览以下链接
如何使JavaScript生成新页面？
动态创建和附加
我想在div中使用JavaScript动态添加html元素，但我不想跟随第二个链接，因为我的JavaScript代码将变得非常大和复杂。有没有一种方法可以让我像第一个链接那样使用一行代码添加html元素。
我不想使用JQuery。
首先，我要说，使用jQuery。如果使用jQuery，您实际上只需要执行以下操作：
$("#target").append("<p>New Paragraph</p>");
如果你坚持使用普通的JavaScript，你必须像你发布的第二个例子那样做：
var iDiv = document.createElement('div');
iDiv.id = 'block';
iDiv.className = 'block';
document.getElementsByTagName('body')[0].appendChild(iDiv);
这是我想说的，你可以这样用
var element = document.getElementsByTagName("body"); // Pick your element here as per need.
var attach_elem = "<div><p> hi creatig the p tag </p> <span> hi creatig the span tag </span><div></div></div>"; //prepare element which you want to be in your html page.
element.write(attach_elem); // just pass the variable (want to attach in html).
//Or you can use the below code.
element.innerHTML = attach_elem; // pass variable as innerhtml to the selected element.
这里是你可以拥有的最简单的选择
<script>
var htmlcontent = "<h1>Header</h1><p>This is some dynamically loaded content assigned using javascript</p>"
document.getElementById("content").innerHTML = htmlcontent;
</script>
