由于实际的需要，有时需要往网页中动态的插入HTML内容，并在插入的节点中绑定事件处理函数。我们知道，用Javascript向HTML文档中 插入内容，有两种方法，
一种是在写HTML代码写入JS，然后插入到文档中；
另外一种是通过ajax的方式，从服务器获取数据，然后用js把获取的数据经 过处理后插入文档中；
两种方法各有特点，本文将分析新插入到文档中的元素的事件绑定问题，并假定新插入的对象不做内联的事件绑定（即不用类似 <a onclick=””>的形式）。所有的示例将会用到jQuery和原生Javascript。
<body> <p>第1行内容</p> <p>第2行内容</p> <p>第3行内容</p> <script> var appendhtml=document.createElement("p"); appendhtml.innerHTML="这是插入的内容"; document.body.appendChild(appendhtml); var nodep=document.getElementsByTagName("p"); for (var i=0;i<nodep.length;i++){ nodep[i].onclick=function(){ console.log("Click Event!"); } } </script> </body>