获取class列表属性方法

最新推荐文章于 2023-04-03 17:38:31 发布
最新推荐文章于 2023-04-03 17:38:31 发布
阅读量865 收藏
点赞数 1
分类专栏： HTML5 文章标签： html

获取class列表属性方法
classList
length : class的长度
add() : 添加class方法
remove() : 删除class方法
toggle() : 切换class方法 

<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>获取class列表属性</title>
<script>

window.onload = function(){
    var oDiv = document.getElementById('div1');

    //alert( oDiv.classList );  //类似于数组的对象

    //alert( oDiv.classList.length );  //3

    //oDiv.classList.add('box4');增加class方法

    //oDiv.classList.remove('box2');删除class方法

    oDiv.classList.toggle('box2');//切换class方法（若文档中有，则删除，若没有，则增加）

};

</script>
</head>

<body>
<div id="div1" class="box1 box2 box3">div</div>
</body>
</html>
aiyoquickly
关注
  • 1
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
Python类及获取对象属性方法解析
12-17
对象属性既可以在类外面添加和获取，也可以在类里面添加和获取 在类外面获取对象属性： 在上方代码上添加： print(f’洗衣机宽度为{haier1.width}’) print(f’洗衣机高度为{haier1.height}’) 2.在类里面获取...
PHP获取类中常量，属性，及方法列表的方法
10-30
2. 获取类中的属性列表： `ReflectionClass`的`getProperties()`方法用于获取类的所有属性。如果不传递任何参数，它会返回类中定义的所有属性（包括继承的）。如果你想只获取类自身定义的属性，可以传递`...
Class文件结构介绍[字段表集合和方法表集合]，赶紧收藏
m0_63174811的博客
12-22 231
int d = b+c+age; System.out.println(d); } @Override public void run() { // TODO Auto-generated method stub } } field_info(字段表)结构 | 名称 | 类型 | 数量 | | :-- | :-- | :-- | | access_flags | u2 | 1 | | name_index | u2 | 1 | | descriptor_index | u2 | 1 | | attribu
深入学习js的classList
杜永康的博客
04-03 8103
classList 是 JavaScript 中一个用于操作元素类名的东西，这个东西有很多好用的方法，可以让我们轻松地添加、删除、切换和检查元素的类名。接下来我们详细学习一下 classList 的使用方法以及相关方法。classList 是一个非常实用的工具，可以让我们轻松地操作元素的类名。在使用 classList 时，我们可以通过 add、remove、toggle 和 contains 等方法来添加、删除、切换和检查类名；
获取元素高度与宽度
weixin_45932733的博客
09-09 6017
1.在js中获取元素的高度与宽度,用到这两个api分别为offsetWidth与offsetWidth const width = document.body.offsetWidth const height = document.body.offsetheight 2.同理获取id或者class的高度与宽度同一类似，id与class就是你所取的名字 const width = document.getElementById("id").offsetWidth const height = documen
php获取父类方法名,PHP 获取父/子类的类名
weixin_32944341的博客
03-09 996
在开发中，要获取当前的类名，我们通常会使用预定义常量 __CLASS__ 。但如果出现在多个类存在继承关系，我们通常就不那么方便获取相关的类名了。本身为基类，获取子类名get_class()用于实例调用，加入参数 ($this) 可解决子类继承调用的问题，而get_called_class()则是用于静态方法调用。《PHP的继承方法如何获取子类名？》...
java .class 实例对象_通过Class类获取对象(实例讲解)
weixin_39981360的博客
02-12 928
通过Class对象获取对象的方式是通过class.newInstance()方式获取，通过调用默认构造参数实例化一个对象。/*** Created by hunt on 2017/6/27.* 测试的实体类* @Data 编译后会自动生成set、get、无惨构造、equals、canEqual、hashCode、toString方法*/@Datapublic class Person {priva...
C# 获取属性名的方法
12-25
代码如下:using System;using System.Collections.Generic;using System.Linq;...namespace ConsoleApplication{ class Program { class Test { public string PropertyJustForTest1 { get; set; } publ
javascript通过获取html标签属性class实现多选项卡的方法
01-19
本文实例讲述了javascript通过获取html标签属性class实现多选项卡的方法。分享给大家供大家参考。具体实现方法如下： <!DOCTYPE html> <html> <head> <meta charset=utf-8 /> <title&gt...
JavaScript实现获取dom中class的方法
12-09
本文将深入讲解如何使用JavaScript实现获取DOM元素中class的方法。 首先，我们来分析提供的代码实例。在示例中，定义了一个名为`getClass`的函数，它接受两个参数：`node`代表要查询的DOM元素，`classname`是要找的...
php 获取class,在PHP中使用魔术方法__CLASS__来获取类名的相关操作
weixin_35758901的博客
03-09 719
魔术方法__CLASS__来获取类名的相关操作在php中经常会遇见,本文将讲解其相关操作.在PHP中使用魔术方法__CLASS__来获取类名的教程官方文档如下__CLASS__类的名称(PHP 4.3.0 新加)。自 PHP 5 起本常量返回该类被定义时的名字(区分大小写)。 在 PHP 4 中该值总是小写字母的。类名包括其被声明的作用区域(例如 Foo\Bar)。 注意自 PHP 5.4 起 C...
前端魔法：掌握动态 class，让网页元素随心所欲
Shids_的博客
03-30 8222
前端魔法：掌握动态 class，让网页元素随心所欲
Class类常用方法介绍、获取Class对象的方式、通过反射实现各种骚操作
Java技术攻略的博客
03-07 3788
加载和连接是JVM来完成的，我们无法控制，而初始化阶段就是我们自己可控的了（比如你在静态代码里面写什么内容是你自己可以控制的）用户可能输入1，也可能输入2，Dog类不一定会用到，静态加载不管那么多，它在编译的时候就会加载这个类，并且进行语法的校验。Person类是动态加载，所以，没有编写Person类也不会报错，只有当动态加载该类时，才会报错。动态加载 : 运行时加载需要的类,如果运行时不用该类，则不报错，降低了依赖性。静态加载 : 编译时加载相关的类，如果没有则报错，依赖性太强。
VUE Class列表样式数绑定案例
大家好，我是 ed.
07-27 339
VUE Class列表样式数绑定案例 Class 与 Style 绑定 v-bind 通过class列表和style指定样式是数据绑定的一个常见需求，他都是元素属性，都用 v-bind 处理，其中表达式结果的类型可以是：字符串、对象 或 数组。 语法格式 class 的表达式可以为： v-bind:class = '表达式' 或者 :class = '表达式' 字符串 :class = "activeClass" 对象 :class = "{ active : isActive , err
java 获取class属性_java中如何通过Class获取类的属性、方法、注释
weixin_31545685的博客
02-12 743
public static String getPKName(Class clazz) {Field[] fields = clazz.getDeclaredFields();for (Field f : fields) {Annotation[] annotations = f.getAnnotations();if (annotations.length <= 0) {String na...
js获取和设置DIV元素class值的方法
热门推荐
qq_33019839的博客
10-10 1万+
web页面中，利用js动态的改变div元素的class属性的值，可以实现很多的动态效果。比如动态修改div元素的背景颜色，改变字体的颜色等等。这篇文章就来说一说，javascript 如何获取和设置div元素class属性的值的方法。 js获取元素class属性值的方法 原生js如果想要获取div元素class属性的值，需要用到 className 方法 示例代码： <div id="moc...
Java------反射机制之反射机制概述
yaoshutong的博客
10-05 525
通过Java语言中的反射机制可以操作字节码文件有点类似黑客（可以读和修改字节码文件）通过反射机制可以操作代码片段（class文件）
Python编程 Class 3：列表
m0_49939117的博客
07-09 355
1.什么是列表 一系列按特定顺序排列的元素组成的。使用[ ]表示，用,分隔其中的元素 访问 给定元素位置或索引，即可输出元素，不包括方括号及分隔符 索引下标从0开始，这与大多数编程语言相同。 Python同时提供将索引指定为[-1]这种方法，使返回最后一个元素 因此，也可使用负数索引，使python返回倒数的元素。 也可使用列表中的某一元素 2.改动元素 修改元素 添加元素 （1）append（ ）在末尾添加元素 可首先创建一个空列表，再依次添加列表中元素
php获取class,PHP: get_class - Manual
weixin_28737073的博客
03-10 245
class A{function __construct(){//parent::__construct();echo $this->m = 'From constructor A: '.get_class();echo $this->m = 'From constructor A:- argument = $this: '.get_class($this);echo $this-...
pyquery获取class属性
最新发布
05-23
使用 PyQuery 获取 class 属性可以像获取其他属性一样，使用 `attr()` 方法并指定属性名为 `"class"`。 例如，假设有以下 HTML 代码： ```html <div class="foo bar"></div> ``` 可以使用以下代码获取该 div 元素的 class 属性值： ```python from pyquery import PyQuery as pq html = ''' <div class="foo bar"></div> ''' doc = pq(html) div = doc('div') class_attr = div.attr('class') print(class_attr) ``` 输出结果为： ``` foo bar ``` 可以发现，`class_attr` 变量中保存了该 div 元素的 class 属性值。需要注意的是，class 属性值可能包含多个类名，以空格分隔。因此，如果需要对类名进行单独处理，需要先将 class 属性值按空格拆分成列表再进行处理。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值