如何使用JAVASCRIPT定位div的第二个子元素

Question

我不确定是否可行，我在这个网站上提问时很少这样做，但是每个人都告诉我要使用jQuery来做到这一点。 我制作网站，但我还是所有新手，因此在继续前进之前，我希望先扎实地掌握Javascript。

无论如何，我的问题是“是否有可能针对第二个孩子（即

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

使用JAVASCRIPT来操纵它吗？ 如果是这样，怎么办？”

我以前的尝试没有用，我有一种强烈的感觉，那就是，但是都一样。

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

Answer 1

obj.firstElementChild.nextElementSibling

（ 在IE8中不起作用 ）

要么

obj.children[1]

Answer 2

您还可以使用Jquery API：

：nth-​​child（）选择器

：eq（）选择器

Answer 3

您确实应该尝试学习jQuery，因为它将使您的工作变得简单得多。 从普通的Javascript获得基础知识，然后学习jQuery之类的库。 您只需将其加载到您的网站中，然后可以使用以下示例来定位示例中的元素： $('.parent div:nth-child(2)')就是这么简单。