script片段在前导致对下文的html元素引用失效

在html中，如果<script>...</script>在前，在引用下文时，无法引用的问题

eg1:

<script>

document.getElementById("div1").style.color="red";

</script>

<div id="div1">这里是div1</div>

//结果文字不会变成红色

eg2:

<script>

document.getElementById("div1").onclick=function()

{

alert("hello world!");

}

</script>

<div id="div1">check it</div>

//结果不会有alert();行为。

解决方法：把调用元素的<script>...</script>片段放在要引用的html元素的下文。