javascript - 将数组附加到javascript中的类

Question

我在 javascript 中有一个名为 menuElm 的数组有 <ul>其中的元素:

<ul id="1"></ul>
<ul id="2"></ul>
<ul id="3"></ul>

我有一个 HTML 页面，其中包含以下内容:

<ul id="menu">
    <li class="menu-item"></li>
    <li class="menu-item"></li>
    <li class="menu-item"></li>
</ul>

我想添加menuElm的元素到 HTML 页面，所以它看起来像这样:

<ul id="menu">
    <li class="menu-item">
         <ul id="1"></ul>
    </li>
    <li class="menu-item">
         <ul id="2"></ul>
    </li>
    <li class="menu-item">
         <ul id="3"></ul>
    </li>
</ul>

我尝试了以下方法，但是 <ul>元素不会出现在页面或代码中:

function CreateMenu() {
    var menuElm;
    var k = 0;

    menuElm = createElm("ul");
    menuElm.id = ++k;

    for (var i = 0; i < menuElm.length; ++i) {
        document.getElementsByClassName("menu-item")[i].appendChild(menuElm[i]);
    }
}

我是 JavaScript 的新手，我做错了什么？

Answer 1

menuElm.length

ul 元素没有长度，因此您从 0 循环到 0，即 0 次迭代。

---

menuElm = createElm("ul");

这个函数没有定义。你需要 document.createElement('ul');

---

menuElm = createElm("ul");
menuElm.id = ++k;

您似乎是在创建一个列表项，然后多次更改其 ID 并附加它。

每次循环时都需要一个新的列表项。

---

appendChild(menuElm[i]);

您之前一直将 menuElm 视为一个元素。它不是数组，[i] 在这里没有意义。