关于js创建元素问题。-PHP中文网问答

文章专题 AI工具学习下载问答源码最近更新

PHP

会员中心讲师中心微信公众号

关于js创建元素问题。

尼古拉阿列克塞耶维奇奥斯特洛夫斯基 2017-02-28 09:47:34

[JavaScript讨论组]

1059

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

尼古拉阿列克塞耶维奇奥斯特洛夫斯基

全部回复(2)

数据分析师2017-10-01 00:36:57 2楼

关于js创建元素问题。-PHP中文网问答-关于js创建元素问题。-PHP中文网问答

围观一下哦，学习一下。

赞 +0

添加回复

巴扎黑2017-02-28 09:48:36 1楼

浏览器就会按顺序先运行<script>中的js脚本，然后读取<ol>内容渲染页面，也就是说js执行的时候页面上还不存在ol元素。解决办法是把<script>放在<ol>后面，或者使用window.onload

<script>window.onload = function() {
    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>

赞 +0

添加回复

专题推荐

更多>

热门话题

热门教程

更多>