关于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，请问是什么原因呢，谢谢！