點擊類的兒童在純JavaScript

Question

下面是樣本HTML，其中我試圖點擊關閉按鈕，還有很多關閉按鈕，但我想點擊關閉按鈕是類mytop內

<div class="mytop"> 
<a class="mychild" role="button" href="#">Close</a> 
</div> 

我試圖通過getElementsByClassName獲取JavaScript代碼相當於下面的jQuery

$(".mytop").children(".mychild").click(); 

Answer 1

var topEl = document.querySelector('.mytop'); 
var closeBtn = topEl.querySelector('a.mychild'); 
closeBtn.click(); 

Answer 2

虎視眈眈類，並使用addEventListener˚F或事件功能..

使用的window.onload，因爲你只能虎視眈眈childnode後您的文檔加載

window.onload = function(){ 
var top = document.getElementsByClassName("mytop"); 
    top[0].children[0].onclick = function(){ 
     alert(this.className); //mychild 
    }; 
} 

Answer 3

使用document.querySelector(<selector string>)

爲您的使用情況下，代碼看起來像下面這樣：

var closeButton = document.querySelector('.mytop a.mychild'); 
closeButton.click(); 

我是否假設你想模擬一個點擊 - 不是聽一個並且發射一個函數。

Answer 4

var child = document.getElementsByClassName("mytop").childNodes; 
child[0].onclick = function(){ 
    alert("dsf"); 
}; 

右鍵我只在上面的代碼中選擇第一個子元素。