Enjoy the good lift everyday!
关闭
欢迎来PyGo个人空间 ^_^
Javascript添加和移除Class类名 | PyGo²

Javascript添加和移除Class类名

Javascript

背景

最近再写一个综合系统,包含业务部分、日常任务管理、软件/模板管理等多种功能,前端使用的Adminlte样式,基于Bootstrap的。但是,写HTML经常会遇到添加和移除Class类名的情况,经常忘记,写个blog来记录。


添加Class类名

方法一

一次只能设定一个类。

1
2
3
4
5
6
// 获取元素
element = document.getElementById('元素id');
element.className = '类名';

// 等同代码
document.getElementById('元素id').className = '类名';

方法二

用来设置自定义属性和值,如果是class,直接传入”class”即可;可以通过 .getAttribute 方法获取。

1
2
3
4
5
element = document.getElementById('元素id');
element.setAttribute('属性名','值');

// 等同代码
document.getElementById('元素id').setAttribute('属性名','值');

移除Class类名

移除的方法与添加的方式都是对应的。

方法一

1
2
3
4
5
6
// 获取元素
element = document.getElementById('元素id');
element.className = '';

// 等同代码
document.getElementById('元素id').className = '';

方法二

直接通过removeAttribute移除。

1
2
3
4
5
element = document.getElementById('元素id');
element.removeAttribute('属性名');

// 等同代码
document.getElementById('元素id').removeAttribute('属性名');

  • 本文作者:mingliang.gao【一个爱老婆Python程序猿。。。。。。】
  • 本文链接: http://pygo2.cn/articles/27102/
  • 版权声明: 本博客所有文章欢迎转载,转载请注明出处!
觉得有帮助,请偶坐个公交车
0%