利用calssName给元素修改样式
2016-06-23 21:25
295 查看
之前是用DOM style 方式给元素设置或者刷新样式,可以利用元素的className属性设置元素的样式。
如:
如果给元素追加新发的样式,则可这样:
注意demo2前面是有空格的,在一个元素应用两个样式的时候一般中间用空格隔开,因此新添加的样式前面需要加上空格,好加以区分。
还可以用addClass()函数
addClass(m,"demo2");
如:
<!doctype html> <html> <head> <meta charset="utf-8"> <title>无标题文档</title> <style type="text/css"> .demo1{ color:#F00; } .demo2{ background-color:#066; } </style> </head> <body> <h1 id="test" class="demo1">how are you?</h1> <script> var m=document.getElementById("test"); m.className="demo2"; </script> </body> </html>
如果给元素追加新发的样式,则可这样:
var m=document.getElementById("test"); m.className+=" demo2";
注意demo2前面是有空格的,在一个元素应用两个样式的时候一般中间用空格隔开,因此新添加的样式前面需要加上空格,好加以区分。
还可以用addClass()函数
addClass(m,"demo2");
相关文章推荐
- 利用calssName给元素修改样式
- 利用calssName给元素修改样式
- 利用calssName给元素修改样式
- 利用calssName给元素修改样式
- 利用calssName给元素修改样式
- 伪元素::after和::before
- 转:浅谈CSS在前端优化中一些值得注意的关键点
- 用CSS样式制作导航菜单
- css的行高示例
- css设置文字属性的示例
- 修改chrome下保存用户名密码的默认字体
- CSS盒模型全面讲解,怪异模式盒模型,CSS3 box-sizing属性
- 代码参考: css3动画—— 星系轨道
- 前端性能优化知识,包括css和js
- css3属性-webkit-font-smoothing
- CSS Secret——CSS的浏览器兼容
- css去掉a标签点击后的虚线框
- 【css 效果】边沿打孔的优惠券
- 【css 效果】边沿打孔的优惠券
- 欢迎使用CSDN-markdown编辑器