gpt4 book ai didi

javascript - 从
中的数组生成
  • 转载 作者:行者123 更新时间:2023-11-28 07:50:20 24 4
    gpt4 key购买 nike

    我收到错误未捕获的类型错误:无法读取 null 的属性“appendChild”,我不知道为什么:

    我正在尝试从数组创建一个列表并将其显示在 div 上

    var options = [
    set0 = ['Option 1', 'Option 2'],
    set1 = ['First Option', 'Second Option', 'Third Option']
    ];

    function makeUL(array) {
    // Create the list element:
    var list = document.createElement('ul');

    for (var i = 0; i < array.length; i++) {
    // Create the list item:
    var item = document.createElement('li');

    // Set its contents:
    item.appendChild(document.createTextNode(array[i]));

    // Add it to the list:
    list.appendChild(item);
    }

    // Finally, return the constructed list:
    return list;
    }

    // Add the contents of options[0] to #foo:
    document.getElementById("foo").appendChild(makeUL(options[1]));
    <div  id="foo"></div>

    最佳答案

    以下内容将解决您的问题

    <html>
    <head>
    <script type="text/javascript">
    var options = [
    set0 = ['Option 1','Option 2'],
    set1 = ['First Option','Second Option','Third Option']
    ];

    function makeUL(array) {
    // Create the list element:
    var list = document.createElement('ul');

    for(var i = 0; i < array.length; i++) {
    // Create the list item:
    var item = document.createElement('li');

    // Set its contents:
    item.appendChild(document.createTextNode(array[i]));

    // Add it to the list:
    list.appendChild(item);
    }

    // Finally, return the constructed list:
    return list;
    }

    // Add the contents of options[0] to #foo:
    function DO()
    {
    document.getElementById("foo").appendChild(makeUL(options[1]));
    }
    </script>
    </head>
    <body onload="DO()">
    <div id="foo"></div>
    </body>
    </html>

    发生此错误的原因是因为 Javascript 是在 HTML 正文加载之前执行的,因此它根本找不到该 div 对象。如果您通过开发人员工具检查 document.body 将在您的函数执行之前为空。但是,如果您在主体加载时执行该函数,那么它将找到 foo elem。

    关于javascript - 从 <div> 中的数组生成 <li>,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/26912559/

    24 4 0
    Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
    广告合作:1813099741@qq.com 6ren.com