javascript - 如何使用 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，因为它会让你的事情变得更容易。从纯 Javascript 获得基础知识，然后学习 jQuery 之类的库。您只需将其加载到您的网站中，然后您就可以使用以下方法定位示例中的元素：$('.parent div:nth-child(2)') 就是这么简单。