📌  相关文章
📜  javascript 获取所有类 - Javascript (1)

📅  最后修改于: 2023-12-03 14:42:37.846000             🧑  作者: Mango

Javascript 获取所有类

在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动态生成的元素,需要在动态生成后再次执行以上代码。

参考资料:

MDN - getElementsByClassName