这个为啥用不了啊，求大神看下

<!DOCTYPE  hHTML>
<html>
<head>
<meta charset="utf-8" />
<title></title>
<style>
#dmoButton{

}
#main{
margin: auto;
width: 200px;
}
</style>
</head>
<script>
function myFunction(){
document.getElementById('dmoP').innerHTML="你好";
}
window.onload= function(){
var i=document.getElementById('dmoButton');
i.document.addEventListener('click',myFunction,false);
}
</script>
<body>
<div id="main">
<p id="dmoP">11</p>
<button id="dmoButton" name="dmoButton" >点击这里</button>
</div>
</body>
</html>

解决方案 »

  1.   

    <!DOCTYPE  hHTML>
    <html>
    <head>
    <meta charset="utf-8" />
    <title></title>
    <style>
    #dmoButton{}
    #main{
    margin: auto;
    width: 200px;
    }
    </style>
    </head>
    <script>
    function myFunction(){
    document.getElementById('dmoP').innerHTML="你好";
    }
    window.onload= function(){
    var i=document.getElementById('dmoButton');
    i.addEventListener('click',myFunction,false);
    //这行
    }
    </script>
    <body>
    <div id="main">
    <p id="dmoP">11</p>
    <button id="dmoButton" name="dmoButton" >点击这里</button>
    </div>
    </body>
    </html>
      

  2.   

    建议把HTML5，css，和js分开放，这样写可读性太差了
      

  3.   

    i.document改为i，就是不懂为什么还要在添加事件监听的时候加个document，明明都已经获取了id为dmoButton的元素