点击类的儿童在纯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"); 
}; 

右键我只在上面的代码中选择第一个子元素。