css教程:设置class元素的三种方式
来源:学生作业帮助网 编辑:作业帮 时间:2024/05/09 13:36:26 CSS
css教程:设置class元素的三种方式CSS
【无忧考网-css教程:设置class元素的三种方式】:
列举所有的方式,看看各浏览器的支持差异。
一、el.setAttribute('class','abc');
01 HTML>
02
03
04
05setAttribute('class', 'abc')
06
11
12
13
14
18
19
IE6/7 : div背景色不是红色
IE8/9/10/Firefox/Safari/Chrome/Opera : div背景色为红色
结果:IE6/7不支持setAttribute('class',xxx)方式设置元素的class。
二、el.setAttribute('className', 'abc')
01
02
03
04
05setAttribute('className', 'abc')
06
11
12
13
14
18
19
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';
01
02
03
04
05el.className = 'abc'
06
11
12
13
14
18
19
所有浏览器都支持。CSS
列举所有的方式,看看各浏览器的支持差异。
一、el.setAttribute('class','abc');
01 HTML>
02
03
04
05
06
11
12
13
test div
14
18
19
IE6/7 : div背景色不是红色
IE8/9/10/Firefox/Safari/Chrome/Opera : div背景色为红色
结果:IE6/7不支持setAttribute('class',xxx)方式设置元素的class。
二、el.setAttribute('className', 'abc')
01
02
03
04
05
06
11
12
13
test div
14
18
19
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';
01
02
03
04
05
06
11
12
13
test div
14
18
19
所有浏览器都支持。CSS