Laravel  
laravel
文档
数据库
架构
入门
php技术
    
Laravelphp
laravel / php / java / vue / mysql / linux / python / javascript / html / css / c++ / c#

js 获取类名

作者:半盏流年   发布日期:2025-08-15   浏览:22

// 获取类名的示例代码

// 方法一:通过 getElementsByClassName 获取具有指定类名的所有元素
let elements = document.getElementsByClassName('your-class-name');
// 返回的是一个 HTMLCollection 对象,可以像数组一样遍历
for (let i = 0; i < elements.length; i++) {
    console.log(elements[i]);
}

// 方法二:通过 querySelector 获取第一个匹配的元素
let element = document.querySelector('.your-class-name');
console.log(element);

// 方法三:通过 querySelectorAll 获取所有匹配的元素
let allElements = document.querySelectorAll('.your-class-name');
// 返回的是一个 NodeList 对象,可以像数组一样遍历
allElements.forEach(function(item) {
    console.log(item);
});

解释说明:

  1. getElementsByClassName: 返回文档中所有具有指定类名的元素,返回的是一个 HTMLCollection 对象。
  2. querySelector: 返回文档中第一个匹配指定选择器的元素,返回的是一个单个元素对象。
  3. querySelectorAll: 返回文档中所有匹配指定选择器的元素,返回的是一个 NodeList 对象。

你可以根据实际需求选择合适的方法来获取具有特定类名的元素。

上一篇:js string 转数组

下一篇:js 数组倒叙

大家都在看

js 数组对象排序

js 数组删掉第一个值

js fill

js json数组

js 数组复制

js 复制数组

js 数组拷贝

js 对象转数组

js 深拷贝数组

js 点击空白区域触发事件

Laravel PHP 深圳智简公司。版权所有©2023-2043 LaravelPHP 粤ICP备2021048745号-3

Laravel 中文站