如何使用JavaScript选取div中第二个子元素

Question

我不确定这是否可行，我很少在这个网站上提问时知道答案，但每个人都告诉我要使用jQuery来实现。我制作网站，但我对此非常新手，并希望在向前迈进之前掌握JavaScript的基础知识。

无论如何，我的问题是“是否可能定位第二个子元素（即

<div>
   <div></div>
   <div></div> <!--This one-->
</div>

您是否希望使用JavaScript来操作它？如果是这样，该怎么做呢？

我的先前尝试并没有成功，我强烈感觉到它不会成功，但还是尝试了一下。

function activateEvent(obj) {
    obj.secondChild.style.display="block";};

- Logan Cerson

Answer 1

obj.firstElementChild.nextElementSibling

(在IE8中无效)

或者

obj.children[1]

- SLaks

---

假设HTML如示例所示，obj.firstChild.nextSibling将获取第一个元素节点（包含换行符和空格的文本节点是第一个子节点）。 - Felix Kling

谢谢SLaks，obj.children[1]真的很有用，再次感谢！ :) - Logan Cerson

Answer 2

你真的应该尝试学习jQuery，因为它会让事情变得更容易。从普通的Javascript入手，然后学习像jQuery这样的库。你只需要将它加载到你的网站中，然后就可以使用以下方式来定位元素：$('.parent div:nth-child(2)')。就是这么简单。

- Chinciusan Marian

---

我知道，我会的！：）我只需要时间来适应Javascript。我看到其他网站上（使用jQuery）完成所有这些事情，我非常嫉妒！但是，我还没有达到那个水平。;P - Logan Cerson

“更容易”并不总是意味着“更好”。 - Hashem Qolami

javascript 标签表示 除非还包括一个框架/库的标签，否则期望得到纯 JavaScript 的回答。 - Quentin