利用鼠标点击事件生成新的元素,适用于动态添加表单等。如果点击事件失效,将<div id="div1" onclick="fun1()" style="border:1px solid #ebebeb">中onclick的第一个字母小写
<!DOCTYPE html>
<html>
<head>
<title>菜鸟教程(runoob.com)</title>
</head>
<body>
<div id="div1" onclick="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>