javascript 动态修改css样式
2018-06-24 02:27:19来源:未知 阅读 ()
方法一:改变外联css文件,这里不讲这个。
方法二:通过改变claaName来改变样式,语法:
obj.className = "style2"; //或者 obj.setAttribute("class", "style2");
方法三:使用obj.style.cssTest,语法:
obj.style.cssText = " display:block; color:White;“
这个方法优点:
可以这样添加好几个属性。
缺点:会把obj原来的cssText清掉,解决方案:使用累加,语法:
obj.style.cssText += " display:block; color:White;“
上面cssText累加的方法在IE中是无效的。
然而,可以在前面添加一个分号来解决这个问题:
obj.style.cssText += " ; display:block; color:White;“
注意:如果前面有样式表文件写着 div { text-decoration:underline; },这个会被覆盖吗?不会!因为它不是直接作用于 HTML 元素的 style 属性。
方法四: 使用obj.style.backgroundColor,语法:
obj.style.backgroundColor= "black";
注意:backgroundColor可以换成其他属性,这里仅是示例,比如color,position等。
最后一个知识点:css Sprite,
就是有一张大图,通过控制background-position来实现显示大图的某一部分。可以用来制作动画。这个大图是作为background-image:。
优点是减少http请求,缺点是定位麻烦。维护麻烦。
具体用法请移步:https://blog.csdn.net/u011349149/article/details/24181675
标签:
版权申明:本站文章部分自网络,如有侵权,请联系:west999com@outlook.com
特别注意:本站所有转载文章言论不代表本站观点,本站所提供的摄影照片,插画,设计作品,如需使用,请与原作者联系,版权归原作者所有
上一篇:课时55.详情和概要标签(理解)
- css与javascript重难点,学前端,基础不好一切白费! 2020-06-11
- CSS3 2020-06-05
- css:chorm调试工具(修改样式、重置缩放比例、错误提示) 2020-05-30
- 循序渐进VUE+Element 前端应用开发(3)--- 动态菜单和路由的 2020-05-27
- Web前端必备:JavaScript基础知识梳理 2020-04-07
IDC资讯: 主机资讯 注册资讯 托管资讯 vps资讯 网站建设
网站运营: 建站经验 策划盈利 搜索优化 网站推广 免费资源
网络编程: Asp.Net编程 Asp编程 Php编程 Xml编程 Access Mssql Mysql 其它
服务器技术: Web服务器 Ftp服务器 Mail服务器 Dns服务器 安全防护
软件技巧: 其它软件 Word Excel Powerpoint Ghost Vista QQ空间 QQ FlashGet 迅雷
网页制作: FrontPages Dreamweaver Javascript css photoshop fireworks Flash