通过纯 JavaScript 获取 div 的第 n 个子元素

新手上路,请多包涵

我有一个名为“myDiv”的 div 元素。如何通过 DOM 操作获得“myDiv”的第 n 个子节点?

标记:

 function revealNibble(n) {
    // Do something here...
    var elements=document.getElementById('myDiv').children;
    for(var i=1; i<=elements.length; i++) {
        if(n === i) {
            var output = elements[i].innerText || elements[i].textContent;
            document.getElementById('output').innerHtml = output;
        }
    }
}
 <body>
    <div id="myDiv">
        <p>One</p>
        <p>Two</p>
        <p>Three</p>
        <p>Four</p>
        <p>Five</p>
    </div>
    <hr/>
    <div id="output"></div>
</body>

我的代码不起作用!

原文由 Alice 发布,翻译遵循 CC BY-SA 4.0 许可协议

阅读 426
1 个回答

您可能正在寻找 NodeList.item()

 var elements = document.getElementById('myDiv').children
elements.item(n)

参见: NodeList.item()

原文由 sphire 发布,翻译遵循 CC BY-SA 4.0 许可协议

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题