📅  最后修改于: 2023-12-03 14:42:37.846000             🧑  作者: Mango
在Javascript中,可以使用document.getElementsByClassName()
方法获取所有具有相同类名的元素。该方法会返回一个类数组对象,包含了所有使用给定类名的元素。
以下是示例代码:
const elements = document.getElementsByClassName('className');
其中,className
为需要获取的类名,可以是一个或多个类名组合。
如果需要获取所有类名,可以遍历所有元素,将其类名加入到一个数组中。示例代码如下:
const allElements = document.getElementsByTagName('*');
const allClassNames = [];
for(let i=0; i<allElements.length; i++){
const classNames = allElements[i].className.split(' ');
for(let j=0; j<classNames.length; j++){
if(allClassNames.indexOf(classNames[j]) === -1){
allClassNames.push(classNames[j]);
}
}
}
以上代码先使用document.getElementsByTagName()
方法获取所有元素,然后遍历每一个元素,将其类名分解后加入到一个数组中。最终得到的allClassNames
数组包含了所有使用过的类名。
需要注意的是,该方法只会获取当前页面中存在的元素。如果需要获取通过JavaScript动态生成的元素,需要在动态生成后再次执行以上代码。
参考资料: