如何获取通过getElementByClassName获得的第一个元素
可以通过以下方法获取通过getElementByClassName获得的第一个元素:
-
使用数组的下标索引获取第一个元素:
var elements = document.getElementsByClassName("className"); var firstElement = elements[0]; -
使用querySelector获取第一个匹配的元素:
var firstElement = document.querySelector(".className"); -
使用Array.from将获取的元素集合转换为数组,然后取第一个元素:
var elements = document.getElementsByClassName("className"); var firstElement = Array.from(elements)[0]; -
使用ES6的解构赋值获取第一个元素:
var [firstElement] = document.getElementsByClassName("className");
需要注意的是,getElementsByClassName返回的是一个HTMLCollection对象,不是一个数组,因此无法直接使用数组的方法。如果只需要获取一个元素,推荐使用querySelector方法
原文地址: http://www.cveoy.top/t/topic/iXtC 著作权归作者所有。请勿转载和采集!