javascript - 在javascript中选择第一个div child 的第二个 child

标签 javascript html parent-child getelementbyid

<分区>

我有一个看起来像这样的 html:

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

我正在使用:

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

因为我需要 var 中的那个 div,但我还需要将 mainDiv 中第一个 div 上的第二个 div 放入一个变量中。

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

最佳答案

假设结构是静态的,你可以这样做:

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

进一步阅读:.getElementsByTagName() (from MDN) .

关于javascript - 在javascript中选择第一个div child 的第二个 child ,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/12048273/

相关文章:

javascript - Angular 应用程序中 src 项的 404 错误

javascript - Angular.js - Facebook 页面提要,在卡片列表中显示帖子,并带有全屏图片库。有人可以帮我吗?

html - iOS 上的列表问题

html - 使用类应用的样式不起作用但样式属性有效

perl - 从 Perl 获取子进程

javascript - 跟踪文本区域中 div 的位置

javascript - Material-UI NativeSelect 预选选项不起作用

javascript - 下拉按钮在 Bootstrap 中无法正常工作。有人能告诉我哪里出错了吗

html - 如何使父元素扩展到其子元素的宽度?

elasticsearch - 如何存储有关用户已阅读哪些通知的信息?