Question

我正在开展一项挑战，要求我们使用Underscore和JQuery对DOM进行更改，但挑战的第二部分要求我们使用Javascript浏览器实用程序来执行相同的操作。

我们被赋予一个数组，并被要求操纵数据并将结果附加到DOM。我使用_.each方法和$（）。append做到了这一点。对于第二部分，我使用Javascript forEach（）方法来操作数据，但是如何使用javascript实用程序将结果变量附加到没有jQuery的DOM中？

Answer 1

选择容器，使用for循环或forEach方法迭代数组，创建元素并附加它们。

var arr = ["Alice", "Bob"]

var ulEl = document.querySelector("ul");
for (var i = 0; i < arr.length; ++i) {
  var li = document.createElement("li");
  li.innerHTML = arr[i];
  ulEl.appendChild(li);
}

<ul>

</ul>

Answer 2

使用vanilla JavaScript函数可以操作DOM，而不是使用jQuery库。特别是，请查看DOM API中的某些功能，例如document.querySelector

使用Javascript实用程序意味着什么

2 个答案: