Javascript 加载页面时加载动态创建的列表

我试图创建一个动态列表，并试图在页面加载时加载它。我已经编写了脚本并进行了测试，但由于某些原因，它似乎不起作用

代码

var水果=[“苹果”、“梨”、“香蕉”、“橙子”]；
函数showList（）{
列表=document.createElement（“LI”）；
list.setAttribute（“href”、“#”）；
对于（i=0；i您需要使用
window.onload
事件并将元素创建代码移到循环中，如下所示。还需要使用
element.innerHTML
为每个
li
元素设置文本



var水果=[“苹果”、“梨”、“香蕉”、“橙子”]；
window.onload=（）=>{
对于（设i=0；i
和下面的代码片段。根据@Shalitha Suranga的答案，我做了一个小的补充



var水果=[“苹果”、“梨”、“香蕉”、“橙子”]；
window.onload=（）=>{
对于（设i=0；i您正在向dom添加列表项，并使用
window.onload
来调用您的函数。
innerText
可能比这里的
innerHTML
更有意义。但是，这样我无法使用.setAttribute将列表超链接。您无法将
href
属性直接添加到
li
以使其超链接。您必须添加一个子
元素，其中包含
href
，非常感谢，我现在就知道了。
<script>
     var fruits = ["apple","pear","banana","orange"];

     function showList(){
    list = document.createElement("LI");
   list.setAttribute("href","#");
   for(i=0;i<fruits.length;i++){
        list = fruits[i];
     }


   }

   </script>

   <ul id="list-container" onload="showList();">


  </ul>