javascript获取元素的类名

最新推荐文章于 2024-03-23 18:34:55 发布

原创最新推荐文章于 2024-03-23 18:34:55 发布 · 3.2k 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#javascript

本文介绍如何利用querySelector选择元素，并通过getAttribute获取元素的属性值。示例代码展示了选取一个带有class属性的i标签，并在浏览器控制台输出其class值。

            var cla = document.querySelector('i');
            var result = cla.getAttribute('class');
            console.log(cla);
            console.log(result);

浏览器端控制台显示：
在这里插入图片描述
关键方法：document.querySelector()
getAttribute()

参考文章：https://blog.youkuaiyun.com/woshidamimi0/article/details/100970487

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

yth_m_123

关注关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
分享

复制链接

分享到 QQ

分享到新浪微博

扫一扫
举报

举报

获取JavaScript用户自定义类的类名称

good7ob的博客

05-07

798

综上所述，我们可以通过构造函数的name属性、Object.prototype.toString方法或者ES6的class关键字来获取JavaScript用户自定义类的类名称。在上面的例子中，我们使用ES6的class关键字定义了一个名为Car的类，并创建了一个名为car的实例。该方法可以返回对象的类型信息，包括类名称。在JavaScript中，通过构造函数创建的类可以使用构造函数的name属性来获取类的名称。如果我们是使用ES6的class关键字来定义类，我们可以通过类的静态属性来获取类的名称。

JavaScript className 类名属性操作

猿码互联

05-29

603

需要注意的是，使用className属性进行类名操作会覆盖元素原有的类名，而使用classList属性进行类名操作则不会。因此，推荐使用classList属性来操作类名。在JavaScript中，可以通过className属性来操作HTML元素的类名。

参与评论您还未登录，请先登录后发表或查看评论

js获取class的所有元素

10-27

ie不支持getElementsByClassName,所以要自己实现获取类名为className的所有元素。

javascript实现类似java中getClass()得到对象类名的方法

12-10

本文实例讲述了javascript实现类似java中getClass()得到对象类名的方法。分享给大家供大家参考。具体如下：在javascript中没有能够返回特定类型名的函数如一个对象 console.log(obj); 得到的是[object HtmlTableCellElement]如果想要一个函数能够返回HtmlTableCellElement js中默认没有这样的函数可以自己实现一个 var getObjectClass = function (obj) { if (obj && obj.constructor && obj.constructor.toString())

js获取dom元素上所有的类名，添加类名，移除类名，切换类名(原生 js、 jquery)

猫巷的博客

06-20

9274

js获取dom元素的类名

js怎样获取元素有哪些类 class 原生js获取元素的类名

最新发布

09-20

在 JavaScript 中，可以编写函数来获取类名作为参数，并基于该类名进行各种操作。以下是几种常见的实现方式及示例代码： ### 通过 `document.getElementsByClassName` 方法 `document.getElementsByClassName` 方法...

获取dom元素类名

05-24

你也可以使用`classList`属性来获取元素的类名列表，这样更方便进行操作。例如，以下代码获取了一个元素的所有类名： ```javascript var divElement = document.getElementById("myDiv"); var classList = div...

js获取父元素类名元素

02-09

在JavaScript中，获取某个元素的父元素并且该父元素具有特定类名的操作是一个常见的需求。通常我们会结合`parentNode`属性和`classList.contains()`方法来进行这个操作。 ### 使用 `Element.parentNode` 每个 DOM ...

javascript中获取class的简单实现

01-19

js中没有获取class的办法，找了一些封装好的方法，这里整理一下（1）先进行封装 //封装getClass function getClass(tagName,className) //获得标签名为tagName,类名className的元素 { if(document.getElementsByClassName) //支持这个函数 { return document.getElementsByClassName(className); } else { var tags

JavaScript如何用最简单的方法获取任意对象的类名？(包括自定义类) JS判断对象类型？

qq_37759464的博客

12-07

4895

最近写js需要用到判断指定对象是不是自己自定义的对象？然后进行处理。Javascript(JS判断对象类型)

js封装获取元素类名(className)的方法

飞贤鱼

04-11

9721

封装了一个方法,用来通过父元素获取节点下的指定类名元素

js获取class（js获取class对象的三种方式）className

03-23

5113

直接使用 element.className 可以获取元素的class名称，但是它只能获取到元素的class名称串，如果想要获取到多个class名称，并且它们之间存在空格，则需要使用 element.classList。可以通过 Jquery 提供的 .attr() 方法来获取 class 属性的值，也可以使用 .addClass()、.removeClass()、.toggleClass() 等方法来添加、删除、切换类名。// 获取元素的class名称。// 获取元素的class名称。

js通过类名获取元素对象

风的专栏

05-04

1万+

方式一:通过遍历所有元素对象获取。

JS获取元素样式

hhthwx的博客

11-05

2697

在操作DOM元素，我们经常用JS来获取元素的css样式，常见方法总结如下：1. ele.style 这个方法只能获取写在html标签中的style属性的值，即内嵌样式值，而无法获取定义在<style type="text/css">里面的属性例如：<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <tit

原生js操作元素类名(classList,classList.add...)

stefanie_sun723的博客

06-06

268

原生js操作元素类名(classList,classList.add...)