js中设置元素class的三种方法小结
来源:互联网 发布:chrome mac下载 编辑:程序博客网 时间:2024/06/05 01:12
一、el.setAttribute('class','abc');
代码如下:
.abc { background: red; }test div
var div = document.getElementById('d1'); div.setAttribute("class", "abc");IE6/7 : div背景色不是红色
IE8/9/10/Firefox/Safari/Chrome/Opera : div背景色为红色
结果:IE6/7不支持setAttribute('class',xxx)方式设置元素的class。
二、el.setAttribute('className', 'abc')
代码如下:
.abc { background: red; }test div
var div = document.getElementById('d1'); div.setAttribute("className", "abc");
IE6/7 : div背景色为红色
IE8/9/10/Firefox/Safari/Chrome/Opera : div背景色不是红色
结果:IE8/9/10/Firefox/Safari/Chrome/Opera不支持setAttribute('className',xxx)方式设置元素的class。
很有趣,使用setAttribute的时候第一个参数为class和className的情形在IE6/7和IE8/9/10/Firefox/Safari/Chrome/Opera刚好相反。
三、el.className = 'abc';
代码如下:
.abc { background: red; }test div
var div = document.getElementById('d1'); div.className = 'abc';所有浏览器都支持。
原文地址:http://www.shangxueba.com/jingyan/1906397.html
0 0
- js中设置元素class的三种方法小结
- 【转】js中设置元素class的三种方法小结
- js中设置元素class的方法
- JS中动态创建元素的三种方法
- js定义class的三种方法
- js动态添加网页元素的三种方法
- Java中获取Class对象的三种方法
- 获取java中Class类实例的三种方法
- java中获取class实例的三种方法
- java中获取Class 类的三种方法
- 原生js判断某个元素是否有指定的class名的几种方法
- Js 获取HTML DOM节点元素的方法小结
- 在js文件中动态设置class方法
- Java中删除 List 元素的三种正确方法
- JS获取网页中HTML元素的几种方法
- JS获取网页中HTML元素的几种方法
- JS获取网页中HTML元素的几种方法
- JS获取网页中HTML元素的几种方法
- 1430 素数判定
- 创建文件路径及文件夹(老师代码)
- 加密相关的一些理论知识
- RocketMQ在windows上安装和eclipse开发使用
- MySQL性能优化的最佳20+条经验
- js中设置元素class的三种方法小结
- Redis五种数据类型介绍
- 你为什么要努力 by韩路
- #6 Merge Two Sorted Arrays
- window常用命令集合
- RocketMQ:一个纯java的开源消息中间件--开发测试环境搭建
- Window10 系统更新后,PIN码不正确,进入不了桌面
- shell 编程基础
- 文本数据挖掘--1