如何查找具有指定类的第一个元素

Question

让我有一个HTML标记。如何找到具有适当类的第一个元素（例如，我想查找具有类div的所有myclass）。

Answer 1

document.getElementsByClassName(yourClass)[0]

document.getElementsByClassName(yourClass)获取数组中的所有匹配元素，[0]获取第一个。

对于较旧的IE：

var match, i = 0,
    divs = document.getElementsByTagName('div');
while(!match && divs[i]) {
    if(divs[i].className.match(yourClass).length) {
      match = divs[i];
    } else {
     i++;
    }
}
console.log(match);

Answer 2

document.querySelector('.yourClass')

应该返回匹配选择器的第一个实例