如何使用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

（doesn't work in IE8）

或者

obj.children[1]

Answer 2

您也可以使用Jquery API： -

:nth-child() Selector

:eq() Selector

Answer 3

你真的应该尝试学习jQuery，因为它会让你的事情变得更容易。从普通的Javascript中获取基础知识，然后学习像jQuery这样的库。您只需将其加载到您的网站中，然后您可以使用以下内容定位您的示例中的元素：$('.parent div:nth-child(2)') 就这么简单。