javascript - 将具有 className 的元素添加到具有 idName 的另一个元素

Question

我想添加一个已创建的元素 li，其类名存储在数组中，并且我想将这个具有特殊类名的新元素 li 添加到具有 id 的静态元素中。我有一个错误 appenChild is not a function。顺便说一句，我们在一个 JS 对象中。控制台显示正确，它向我显示了具有良好类名的 li，但我无法将其添加到 id stacks-icons。

我希望最终结果是：在我的 ul 中添加一个带有我在数组图标中选择的类名的新 li。

这里是 HTML 和 JS：

<ul id="stacks-icons">
  <li></li>
</ul>

和 JS（构造函数中的变量）

    this.icons = ["fab fa-html5", "fab fa-css3"];
    this.iconsRow = $('#stacks-icons');

以及方法

    let i = document.createElement('li');
    i.className = this.icons[1];
    this.iconsRow.appenChild(i);
    console.log(i);

标签： javascripthtmlarrays

Answer 1

使用 querySelector 查找 DOM 元素并将 appenChild 更改为 appendChild 像这样

let icons = ["fab fa-html5", "fab fa-css3"];
let ir = document.querySelector('#stacks-icons');
let i = document.createElement('li');
i.className = icons[1];
ir.appendChild(i);