如何使用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)')就是這么簡單。