利用鼠标点击事件生成新的元素，适用于动态添加表单等。
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>菜鸟教程(runoob.com)</title>
</head>
<body>
<div id="div1" οnclick="fun1()" style="border:1px solid #ebebeb">
<p id="p1">点击添加新的元素。</p>
<p id="p2">利用JS向页面动态添加元素</p>
</div>
<script>
function fun1(){
var para = document.createElement("p");
var node = document.createTextNode("这是一个新的p标签。");
para.appendChild(node);
var element = document.getElementById("div1");
element.appendChild(para);
}
</script>
</body>
</html>
来源：https://blog.csdn.net/zhh0310235/article/details/98740912