js 给某个div增加class 样式(三种方式)
来源:互联网 发布:淘宝卖家开通花呗条件 编辑:程序博客网 时间:2024/06/15 09:07
第一种: el.setAttribute('class','abc');
<!DOCTYPE HTML> <HTML> <HEAD> <meta charset="utf-8" /> <title>setAttribute('class', 'abc')</title> <style type="text/css"> .abc { background: red; } </style> </HEAD> <BODY> <div id="div">test div</div> <script> var div = document.getElementById('div'); div.setAttribute("class", "abc"); </script> </BODY> </HTML>
第二种: el.setAttribute('className', 'abc');
<!DOCTYPE HTML> <HTML> <HEAD> <meta charset="utf-8" /> <title>setAttribute('className', 'abc')</title> <style type="text/css"> .abc { background: red; } </style> </HEAD> <BODY> <div id="div">test div</div> <script> var div = document.getElementById('div'); div.setAttribute("className", "abc"); </script> </BODY> </HTML>
第三种:el.className = 'abc';
<!DOCTYPE HTML> <HTML> <HEAD> <meta charset="utf-8" /> <title>el.className = 'abc'</title> <style type="text/css"> .abc { background: red; } </style> </HEAD> <BODY> <div id="div">test div</div> <script> var div = document.getElementById('div'); div.className = 'abc'; </script> </BODY> </HTML>
建议使用第三种方法, 其他方法可能存在浏览器兼容问题。
0 0
- js 给某个div增加class 样式(三种方式)
- JS 给某个DIV增加CLASS样式名
- js为元素动态增加class样式
- js给Li标签增加class
- js判断样式className和增加class删除class
- js实现给div设置样式
- 获取某个类或者某个实例的Class的三种方式
- js改变DOM样式的三种方式
- js给dom元素绑定事件的三种方式
- 给超级链接增加其他样式
- 三种方式获取Class
- 给函数增加Debug头(三)
- js添加样式class
- 根据不同的值给父级div添加class样式
- 用js给div绑定事件,实现点击切换效果的几种方式总结
- js判断某个class属性下是否存在某种样式文件
- div,css,js样式
- 三种方式重复执行某个方法
- maven打包时报致命错误: 在类路径或引导类路径中找不到程序包 java.lang
- RoundedImageView的使用
- 设备树学习之(四)ADC 又见中断
- 表单校验
- 时间复杂度
- js 给某个div增加class 样式(三种方式)
- Halcon矩阵操作最小二乘
- SpringMVC+Shiro整合配置文件详解
- 转:Ubuntu 16.04 安装 Apache, MySQL, PHP7
- 登录操作异步校验
- activeMQ
- 417. Pacific Atlantic Water Flow
- Mosquitto--webServer应用测试结果
- 设备树学习之(五)watchdog