📅  最后修改于: 2023-12-03 14:54:40.634000             🧑  作者: Mango
在Javascript中,我们可以通过以下方法获取指定类名的所有元素:
document.getElementsByClassName(className);
其中,className
是类名。例如,如果要获取所有类名为my-class
的元素,我们可以这样写:
var elements = document.getElementsByClassName('my-class');
此时,elements
就是一个包含所有类名为my-class
的元素的数组,我们可以通过循环遍历每个元素并对其进行相应的操作。
如果我们需要仅选取第一个匹配的元素,我们可以使用querySelector
方法:
var element = document.querySelector('.my-class');
与getElementsByClassName
不同,querySelector
方法可以使用CSS选择器来获取元素,因此可以更灵活地进行元素选择。
另外,我们还可以使用querySelectorAll
方法获取所有匹配CSS选择器的元素:
var elements = document.querySelectorAll('.my-class');
需要注意的是,querySelector
和querySelectorAll
方法仅在IE 8及以上版本中可用。
总结一下,我们可以使用以下方法按类获取元素:
document.getElementsByClassName(className)
:获取所有类名为className
的元素。document.querySelector('.my-class')
:获取第一个类名为my-class
的元素。document.querySelectorAll('.my-class')
:获取所有类名为my-class
的元素。