style和className
来源:互联网 发布:百度知道 知乎 区别 编辑:程序博客网 时间:2024/06/05 07:42
元素.style.属性 = xxx,是修改行间样式,之后再修改className就会没有效果.
先变红后变绿色就没有问题,但是先变绿色再变红色就会出现问题,style的属性比className的优先级高。
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"><html><head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8"><title>Untitled Document</title></head><style>#div1 {width:200px; height:200px; border:1px solid black;}.box {background:red;}</style><script>function toRed(){var oDiv = document.getElementById('div1');//oDiv.style.background="red"oDiv.className = 'box';}function toGreen(){var oDiv = document.getElementById('div1');oDiv.style.background = 'green';}</script> <body><input type="button" value="变红" onclick="toRed()"/><input type="button" value="变绿" onclick="toGreen()"/><div id="div1"></div></body></html>
0 0
- style和className
- style与className
- 动态添加类和元素样式属性(style and className)
- DOM(innerHTML和className)
- className ~
- JavaScript修改css中style,className,cssText实例
- JavaScript修改css中style,classname,cssText实例
- classname.this 和 this的使用场景
- [ javascript ] getElementsByClassName与className和getAttribute!
- style.display 和 style.visibility
- js判断样式className和增加class删除class
- js的setAttribute中class和className浏览器兼容问题
- Java/android 里ClassName.this和this的使用
- selenium定位元素之By.className()和By.cssSelector()
- react中styleName和className的相关用法
- style.visibility和style.display的区别
- style.visibility和style.display的区别
- Soap中RPC-style和Document-style
- m1上 配置OEM 怎样配置oracle oem
- sql语句中的空值(null)
- inno setup修改xml节点
- POJ 1011 Sticks【dfs】
- IOS——线程的应用
- style和className
- workman windows架构图
- RHEL 5 ORACLE Linux 5.9 配置YUM源 5配置yum
- iOS(学习) UITabBarController
- Uva LA 5052 Genome Evolution
- 【数据结构】 单链表的基本操作+反转+选择/直接插入/冒泡3种排序
- NYOJ-128-前缀式计算
- PAT (Advanced Level) Practise 1001A+B Format (20)
- 2.redis基础开发