Javascript获取类名方法

最新推荐文章于 2024-05-07 17:38:03 发布
原创 最新推荐文章于 2024-05-07 17:38:03 发布 · 1.1w 阅读 · 0 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。

本文介绍了一种在JavaScript中获取任意对象构造函数名称的方法。通过分析对象的构造函数及其toString方法，可以有效地提取出对象所属的类名。

摘要生成于 C知道 ，由 DeepSeek-R1 满血版支持， 前往体验 >

直接上函数：

protected getClassName(obj) {
        if (obj && obj.constructor && obj.constructor.toString()) {
            if(obj.constructor.name) {
                return obj.constructor.name;
            }
            let str = obj.constructor.toString();
            let arr;
            if(str.charAt(0) == '[')
            {
                arr = str.match(/\[\w+\s*(\w+)\]/);
            } else {
                arr = str.match(/function\s*(\w+)/);
            }
            if (arr && arr.length == 2) {
                return arr[1];
            }
        }
        return undefined; 
    }

JavaScript className 类名属性操作
猿码互联
05-29 525
需要注意的是，使用className属性进行类名操作会覆盖元素原有的类名，而使用classList属性进行类名操作则不会。因此，推荐使用classList属性来操作类名。在JavaScript中，可以通过className属性来操作HTML元素的类名。
js获取classname值_js通过classname来获取元素的方法
weixin_39605326的博客
12-22 3422
原生JS有3种方式来获取元素:getElementById('id')getElementsByName('name')getElementsByTagName('tag')getElementById是获取元素最快的方式,但我们不能给每个HTML元素都加以ID吧,所以我们需要一个很方便的通过className来获取元素function getElementsByClassName(classNa...
获取JavaScript用户自定义类的类名称
good7ob的博客
05-07 720
综上所述，我们可以通过构造函数的name属性、Object.prototype.toString方法或者ES6的class关键字来获取JavaScript用户自定义类的类名称。在上面的例子中，我们使用ES6的class关键字定义了一个名为Car的类，并创建了一个名为car的实例。该方法可以返回对象的类型信息，包括类名称。在JavaScript中，通过构造函数创建的类可以使用构造函数的name属性来获取类的名称。如果我们是使用ES6的class关键字来定义类，我们可以通过类的静态属性来获取类的名称。
js获取class（js获取class对象的三种方式）className
03-23 4786
直接使用 element.className 可以获取元素的class名称，但是它只能获取到元素的class名称串，如果想要获取到多个class名称，并且它们之间存在空格，则需要使用 element.classList。可以通过 Jquery 提供的 .attr() 方法来获取 class 属性的值，也可以使用 .addClass()、.removeClass()、.toggleClass() 等方法来添加、删除、切换类名。// 获取元素的class名称。// 获取元素的class名称。
JavaScript如何用最简单的方法获取任意对象的类名？(包括自定义类) JS判断对象类型？
qq_37759464的博客
12-07 4812
最近写js需要用到 判断指定对象 是不是 自己自定义的对象？然后进行处理。Javascript(JS判断对象类型)
基于JavaScript实现类名的添加与移除
10-19
`className`属性是JavaScript中获取或设置元素类名的常用方式。它返回一个字符串，包含元素的所有类名，用空格分隔。添加类名可以通过在现有类名后追加新的类名，移除类名则需要替换字符串中的对应部分。 ```...
老生常谈JavaScript获取CSS样式的方法(兼容各浏览器)
12-10
众所周知，CSS样式有三种类型：行内样式、内部样式和外部样式，JavaScript获取CSS样式时分为两种情况：行内样式获取法 和 非行内样式获取法 。 一、行内样式获取相对简单，通过element.style.attr（元素.style.属性...
javascript实现类似java中getClass()得到对象类名的方法
12-10
本文实例讲述了javascript实现类似java中getClass()得到对象类名的方法。分享给大家供大家参考。具体如下： 在javascript中没有能够返回特定类型名的函数 如一个对象 console.log(obj); 得到的是[object ...
JavaScript中常见获取元素的方法汇总
10-24
本文将详细介绍JavaScript中三种常见的获取DOM元素的方法，这些方法包括通过元素ID获取、通过标签名获取以及通过类名获取。 首先，通过元素ID获取DOM元素是最常见和直接的方法。JavaScript提供了一个名为...
js获取class的所有元素
10-27
ie不支持getElementsByClassName,所以要自己实现获取类名为className的所有元素。
javascript中获取class的简单实现
01-19
js中没有获取class的办法，找了一些封装好的方法，这里整理一下 （1）先进行封装 //封装getClass function getClass(tagName,className) //获得标签名为tagName,类名className的元素 { if(document.getElementsByClassName) //支持这个函数 { return document.getElementsByClassName(className); } else { var tags
js 获取className元素
weixin_33943347的博客
12-10 1233
//获取className元素 function getClassNames(classStr,tagName){ ///获得类名为className，标签名为tagName的元素 if (document.getElementsByClassName) { return document.getElementsByClassName(classStr) ...
获取ClassName MethodName
ywyngq的博客
02-07 630
package com.ywy.springboot.testspringboot.util; import lombok.extern.slf4j.Slf4j; /** * TODO 获取当前类名和方法名 助手 */ @Slf4j(topic = "c.GuardedObjectV2") public class NameHelper { // 方法1：通过SecurityManager的保护方法getClassContext() public static String ge
javascript获取元素的类名
yth_m_123的博客
05-20 3201
var cla = document.querySelector('i'); var result = cla.getAttribute('class'); console.log(cla); console.log(result); 浏览器端控制台显示： 关键方法：document.querySelector() getAttribute() 参考文章：https://blog.youkuaiyun.com/woshi...
css 横线_JS 之 动态操作 css
weixin_39845221的博客
11-29 263
阅读本文约需要6分钟大家好，我是你们的导师，经常看我朋友圈的同学应该知道，我每天会在微信上给大家免费提供以下服务！1、长期为你提供最优质的学习资源！2、给你解决技术问题！3、每天在朋友圈里分享优质的技术文章！4、每周1、3、5送纸质书籍免费送给大家，每年至少送书800本书！5、为大家推荐靠谱的就业单位！请注意！我上面说的5点全部都是免费的！全网你应该找不到第二家吧！当然，大家在我私人微信...
如何获取一个js对象的类型名称
weixin_43343144的博客
03-24 987
参考：https://segmentfault.com/q/1010000000669230
获取类名数组js
最新发布
07-22
在 JavaScript 中获取类名数组的方法通常涉及通过 DOM 操作获取元素集合，然后提取这些元素的类名。由于通过 `document.getElementsByClassName()` 获取的是类数组对象（HTMLCollection），通常需要将其转换为标准数组以便进一步操作。 以下是一些常用的方法来获取类名数组： ### 使用 `document.getElementsByClassName` 通过 `document.getElementsByClassName` 获取元素集合，然后使用 `Array.from` 或 `Array.prototype.slice.call` 将类数组转换为数组： ```javascript const elements = document.getElementsByClassName('example-class'); const classNamesArray = Array.from(elements).map(el => el.className); console.log(classNamesArray); ``` ### 使用 `document.querySelectorAll` 通过 `document.querySelectorAll` 可以直接获取一个 NodeList，它类似于数组，可以通过 `Array.from` 转换为数组： ```javascript const elements = document.querySelectorAll('.example-class'); const classNamesArray = Array.from(elements).map(el => el.className); console.log(classNamesArray); ``` ### 使用 `Array.prototype.slice.call` 转换 如果环境不支持 `Array.from`，可以使用 `slice.call` 来转换类数组对象： ```javascript const elements = document.getElementsByClassName('example-class'); const classNamesArray = Array.prototype.slice.call(elements).map(el => el.className); console.log(classNamesArray); ``` ### 动态处理类名 如果需要动态处理类名并将其转换为数组，可以结合 `map` 方法进行操作： ```javascript const elements = document.getElementsByClassName('example-class'); const classNamesArray = Array.from(elements).map(el => { return el.classList.value; // 获取元素的类名字符串 }); console.log(classNamesArray); ``` ### 注意事项 - `document.getElementsByClassName` 返回的是实时更新的 HTMLCollection，如果 DOM 发生变化，这个集合会自动更新。 - `document.querySelectorAll` 返回的是静态的 NodeList，不会随着 DOM 的变化而更新[^3]。
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值