Javascript 如何从节点获取元素

据我所知，

document.querySelector

返回一个

节点

对象。然后，我可以在此对象上调用

appendChild

我执行以下代码将一组div附加到我的容器div中：

var container = document.querySelector('.container');
for (var i = 0; i < 400; i++) {
  var block = document.createElement('div');
  block.className = 'block';
  container.appendChild(block);
}

---

似乎我需要访问子

节点的
元素
对象

，但我不确定如何执行此操作。

您能否在创建div时添加它

var container = document.querySelector('.container');
for (var i = 0; i < 400; i++) {
  var block = document.createElement('div');
  block.className = 'block myClass';
  container.appendChild(block);
}

var container=document.querySelector（'.container'）；
对于（变量i=0；i<400；i++）{
var block=document.createElement（'div'）；
block.className='block myClass'；
子容器（块）；
}

要将类添加到

容器

变量中的元素，我使用了以下代码：

container.children[i].className = 'myClass';

---

我不得不使用而不是。您可以在此处看到使用此代码的上下文：。

应该可以。什么是

i

？所有容器都是

childnodes

元素吗？改为尝试

children

。

querySelector

返回的节点都是元素，因为您无法为非元素节点编写选择器。为什么不将类添加到创建div的循环中？@cornflakes24:我不明白，这不是预期的日志吗？什么不起作用

.children

是一个属性，这是一个微不足道的解决方案——若我能做到这一点，我会做到的（所以不会把这个问题贴在上面）。

var container = document.querySelector('.container');
for (var i = 0; i < 400; i++) {
  var block = document.createElement('div');
  block.className = 'block myClass';
  container.appendChild(block);
}

container.children[i].className = 'myClass';