javascript - 将具有类名称的元素添加到具有ID名称的另一个元素

我想添加一个具有存储在数组中的类名的创建的元素li，并且我想将此具有特殊类名的新元素li添加到具有id的静态元素中。我有一个错误appenChild不是函数。我们在一个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);

最佳答案

使用querySelector查找DOM元素，并将appendChild更改为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);

关于javascript - 将具有类名称的元素添加到具有ID名称的另一个元素，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/65122623/