为什么点击按钮要放在函数之前才能执行？

Question

<script>

var x = document.getElementById("demo");

x.addEventListener("click", myFunction);

function myFunction() 

{

    alert ("Hello World!")

}

</script>

<button id="demo">点我</button>

Answer 1

因为html文档时从上往下执行的，按钮如果在script下面，var x = document.getElementById("demo");执行完了x是undefined，再执行x.addEventListener("click", myFunction);就报错了。