关于js创建元素问题。

Question

<script>

arr=["ninhao","dajiahao","hi"];

var ol=document.querySelector("#ol");

//alert(123)

for( var i=0; i<arr.length; i++){

    var oli=document.createElement("li");

        oli.innerHTML=arr[i];

        ol.appendChild(oli);

    }

</script>

<ol id="ol">

</ol>

我想把数组arr的值都出来放到有序列表中，但是一直提示不能读取appendChild，请问是什么原因呢，谢谢！