javascript怎么增加样式
导读:收集整理的这篇文章主要介绍了javascript怎么增加样式,觉得挺不错的,现在分享给大家,也给大家做个参考。javascript增加样式的方法:1、通过“document.getElementById("box" ;”方式;2、通过“he...
收集整理的这篇文章主要介绍了javascript怎么增加样式,觉得挺不错的,现在分享给大家,也给大家做个参考。javascript增加样式的方法:1、通过“document.getElementById("box"); ”方式;2、通过“head.style.cssText="..."”方法;3、使用setPRoPErty方法。
本文操作环境:windows7系统、javascript1.8.5版、Dell G3电脑。
javascript怎么增加样式?
js添加css样式
下面举一个简单案例:div id="box"> /div> 我们要为这个id为 box 的div添加样式。我们要为它添加宽度、高度、背景色。
方法一:
VAR head= document.getElementById("box"); //获取到id为box的div标签元素。head.style.width = "70px"; //设置宽度为70head.style.height = "70px"; //设置高度为70head.style.display = "#ccc"; //设置背景色为灰色
这种方法比较简单,但是,如果CSS样式很多的话,如还有margin、padding、font-size等,这时,我们还这样写的话,那会一大堆。这时,我们可以用方法二。
方法二:
var head= document.getElementById("box"); //获取到id为box的div标签元素。head.style.cssText="width:70px; height:70px; display:#ccc";
这种方法中,我们用到了“ cssText”,这样我们就大大地减少了代码。就像写CSS源文件里一样。
方法三:使用setProperty
element.style.setProperty('height', '300px', 'important');
如果要设置!important,推荐用这种方法设置第三个参数
推荐学习:《javascript高级教程》
以上就是javascript怎么增加样式的详细内容,更多请关注其它相关文章!
声明:本文内容由网友自发贡献,本站不承担相应法律责任。对本内容有异议或投诉,请联系2913721942#qq.com核实处理,我们将尽快回复您,谢谢合作!
若转载请注明出处: javascript怎么增加样式
本文地址: https://pptw.com/jishu/591775.html