在javascript中选择第一个div儿童的第二个孩子 [英] Selecting second children of first div children in javascript

问题描述

我有一个类似这样的html：

 < div id =mainDiv> <  - 我有这个
< div> 
< div>< / div> 
< div>< / div> <  - 我需要得到这个
< / div> 
< span>< / span> 
< more stuff /> 
< / div> 
  

我正在使用：

  var mainDiv = document.getElementById（'mainDiv'）; 
  

因为我需要var中的div，但是我还需要在第一个div上获得第二个div mainDiv中的div变成一个变量。

我怎样才能以简单的跨浏览器的方式做到这一点？

假设结构是静态的，您可以这样做：

  var mainDiv = document.getElementById（'mainDiv'），
 childDiv = mainDiv.getElementsByTagName（'div'）[0]，
 requiredDiv = childDiv.getElementsByTagName（'div'）[1]; 
  

进一步阅读： .getElementsByTagName（）（来自MDN）。

I have an html that look something like this:

<div id="mainDiv"> <-- I have this
    <div>
        <div></div>
        <div></div> <-- I need to get this
    </div>
    <span></span>
    <more stuff />
</div>

i am using:

var mainDiv = document.getElementById('mainDiv');

because I need that div in a var, but i also need to get that second div on the first div inside mainDiv into a variable.

How could I do it in a simple cross-browser way?

解决方案

Assuming that structure is static you can do this:

var mainDiv = document.getElementById('mainDiv'),
    childDiv = mainDiv.getElementsByTagName('div')[0],
    requiredDiv = childDiv.getElementsByTagName('div')[1];

Further reading: .getElementsByTagName() (from MDN).

这篇关于在javascript中选择第一个div儿童的第二个孩子的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！