Question

通过javascript创建div标签并添加onclick事件，如何实现？

<script type="text/javascript">function divclick(){ var mybody=document.getElementsByTagName("body").item(0); var bilength=mybody.children.length; var tag=document.createElement("div"); tag.id="15"; tag.onclick="alert('aaaaaaaaa')"; tag.ondblclick="alert('ccccccc')"; tag.style.position="absolute"; tag.style.top="50px"; tag.style.left="50px"; tag.style.width="25px"; tag.style.height="100px"; tag.style.backgroundColor="red"; tag.style.cursor="pointer"; tag.style.zIndex="3"; mybody.appendChild(tag);}divclick();var mybody=document.getElementsByTagName("body").item(0);alert(mybody.innerHTML);</script>我用这中方法创建一个层，并给层上添加onclick的事件，为什么onclick事件无效？？请帮忙解决一下，谢谢。

Answer 1

var div = document.createElement("div");
div.innerHTML = "这是内容!";
div.onclick = function(){alert(this.innerHTML)}

document.body.appendChild(div)