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

<div class='m-slidebar'>内容</div>

1.原生方法:

1-1: 获取元素的类名 : el.classList 可以添加多个类名中间空格隔开

var sideBar = document.getElementsByClassName('m-slidebar')[0];;
console.log(sideBar.classList）

1-2: 判断是否包括某个类名 el.classList.contains

var sideBar = document.getElementsByClassName('m-slidebar')[0];
console.log(sideBar.classList.contains('p1'),sideBar.classList.contains('p3'))  //true、false

1-3: 添加某个类名 el.classList.add

var sideBar=document.getElementsByClassName('m-slidebar')[0];
sideBar.classList.add('p3')

1-4: 切换类名有的去掉没有加上 el.classList.toggle

var sideBar=document.getElementsByTagName('m-slidebar')[0];
sideBar.classList.toggle('p3')

1-5 移除类名 el.classList.remove 可移除多个

var sideBar=document.getElementsByTagName('m-slidebar')[0];
sideBar.classList.remove('p3')

2.JQuery方法

2-1：取元素的类名 : $(el).attr(‘class’)

$('m-slidebar').attr('class');

2-2:判断是否包括某个类名 $(el).hasClass(className)

 $('m-slidebar').hasClass('p1')

2-3 :添加某个类名 $(‘el’).addClass(className)

$('m-slidebar').addClass('p3')

2-4:切换类名有的去掉没有加上 $(el).toggleClass(‘p1’)

$('m-slidebar').toggleClass('p3');

2-5:移除类名 $(el).removeClass(className);

$('m-slidebar').removeClass('p1')

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

JS获取DOM元素的八种方法
什么是HTML DOM 文档对象模型(Document Object Model),是W3C组织推荐的处理可扩展置标语言的标准编程接口.简单理解就是HTML DOM 是关于如何获取.修改.添加或删除 ...
JS获取DOM元素的方法
什么是HTML DOM 文档对象模型(Document Object Model),是W3C组织推荐的处理可扩展置标语言的标准编程接口.简单理解就是HTML DOM 是关于如何获取.修改.添加或删除 ...
通过原生js获取dom元素的九种方式
获取dom元素 <body><!-- <div id="box">我是一个DIV</div><p class="item& ...
vue.js -- 获取dom元素的样式(非行内样式)
在vue中获取dom元素的样式: this.$refs.menuList.style.top; 这种获取方式是只能获取到元素的行内样式的. this.$refs.menuList.getBoundin ...
js获取dom元素的子元素,父元素,兄弟元素小记
原生js var a = document.getElementById("dom"); del_space(a); //清理空格 var b = a.childNodes; // ...
JavaScript 技术篇-js获取document的几种方式，js获取dom元素的常用方法。
方法主要分为两大类第一类:通过属性获取. <p id = "fash"></p> 通过 document.getElementById("fas ...
原生js获取dom元素内容
<!DOCTYPE html> <html> <body><li><h3> <a href="/corp_index/tec ...
vue 获取id元素,vue.js怎么获取dom元素？
vue.js怎么获取dom元素?下面本篇文章给大家介绍一下vue.js获取dom元素的方法.有一定的参考价值,有需要的朋友可以参考一下,希望对大家有所帮助. 使用Vue.js获取dom元素标签中添加 ...
原生js获取html元素高度,原生JS获取元素宽高实践详解
开篇的话任何不是亲身实践中求得的知识,都不是属于你的. 任何求得的知识不去时常温习运用,也不是属于你的. 记录由来在做个上拉广告功能中遇到了一个"理所当然"觉得对的用法,慢慢才 ...

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

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

最新文章

热门文章