<!DOCTYPE html>
<html> <head lang="en"> <meta charset="UTF-8"> <title></title> <style> .box{ border: 1px solid red; margin-bottom: 20px; } </style> </head> <body> <button class="btn">添加一个</button> <div class="box">666666</div> <script src="js/jquery-2.2.3.js"></script> <script> var oBtn = document.querySelector(".btn"); var oBox = document.querySelector(".box"); oBtn.onclick = function(){ var crdiv = document.createElement("div"); crdiv.className = "box"; crdiv.innerHTML = "6666666"; document.body.appendChild(crdiv); };document.onclick = function(e){
e = e || window.event; target = e.target || e.srcElement; if(target.className == "box"){ alert(target.innerHTML); } }; </script> </body> </html>