Javascript相当于以下CSS

我想访问div中的跨距：

<div id="one">
    <span>Hello</span>
</div>

<div id="oe">
    <span>llo</span>
</div>

在javascript中，它的等价物是什么？

一种方法是使用：

一种方法是使用：

---

您可以使用以下选项选择此节点：

document.querySelector（'one>span'）

如果您有多个节点，您可以像这样使用

querySelectorAll

：

var nodes = document.querySelectorAll('#one > span');
for(var i = 0; i < nodes.length; i++) {
  var node = nodes[i];
  // do stuff with node here
}

var nodes=document.querySelectorAll（'one>span'）；
对于（var i=0；i

您可以使用

document.querySelector（'one>span'）

如果您有多个节点，您可以像这样使用

querySelectorAll

：

var nodes = document.querySelectorAll('#one > span');
for(var i = 0; i < nodes.length; i++) {
  var node = nodes[i];
  // do stuff with node here
}

var nodes=document.querySelectorAll（'one>span'）；
对于（var i=0；i

你说你想用

Hello

获取span，但是使用

#oe

选择包含

llo

的span。哪一个是准确的？你说你想用

Hello

来获取span，但是使用

#oe

来选择包含

llo

的span。哪一个是准确的？不确定你的答案有什么问题-你有我的答案很明显，这只会得到元素的第一个子元素，不是所有的。是的，但他没有具体说明他想要所有跨度作为数组的事实。我会澄清的。加载一个大型库以在

querySelector

执行操作时简单地访问DOM不是最简单的方法。@Andy已将“最简单的方法”更改为“单向”以避免冒犯。不确定您的答案有什么问题-您有我的意见显然这只会得到元素的第一个子元素，而不是所有的。是的，但他没有具体说明他希望所有跨度都作为一个数组。我要澄清一下。当

querySelector

执行此操作时，加载一个大型库来访问DOM并不是最简单的方法。@Andy已将“最简单的方法”更改为“单向”，以避免冒犯。您可以使用

document.querySelector（'.className'））

按类选择，但在您的示例中，您的节点有一个

id

，因此您将使用

#one

，然后您希望访问

span

，因此您必须执行标记（而不是类）选择器：

\one span

文档。查询选择器all（'.classname'）

对大多数人来说都不是问题，但请记住首先检查您的普通用户浏览器。您可以使用

document.querySelector（'.className'）

按类进行选择，但在您的示例中，您的节点具有

id

，因此您将使用

#one

，然后您希望访问

span

，因此必须执行标记（而不是类）选择器：

#一个span

文档。querySelectorAll（'.classname'）

对大多数人来说都不是问题，但请记住首先检查您的普通用户浏览器。

var nodes = document.querySelectorAll('#one > span');
for(var i = 0; i < nodes.length; i++) {
  var node = nodes[i];
  // do stuff with node here
}