js怎么添加css样式?
js怎么添加css样式?
下面举一个简单案例:<div id="box"></div> 我们要为这个id为 box 的div添加样式。我们要为它添加宽度、高度、背景色。
方法一:
var head= document.getElementById("box"); //获取到id为box的div标签元素。 head.style.width = "70px"; //设置宽度为70 head.style.height = "70px";//设置高度为70 head.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,推荐用这种方法设置第三个参数
更多web前端开发知识,请查阅 HTML中文网 !!
以上就是js怎么添加css样式?的详细内容,更多请关注易知道|edz.cc其它相关文章!
相关内容
-
win10多任务按键怎么设置在底部详细方法
win10多任务按键怎么设置在底部详细方法,按键,任务,在使用电脑...
-
电脑网页打开页面不全怎么办|电脑网页打开后显
电脑网页打开页面不全怎么办|电脑网页打开后显示不全,,1. 电脑...
-
设置里程碑|设置里程碑的方法有哪些
设置里程碑|设置里程碑的方法有哪些,,1. 设置里程碑的方法有哪...
-
网页返回上一页快捷键|网页返回上一页的快捷键
网页返回上一页快捷键|网页返回上一页的快捷键,,网页返回上一...
-
计算机不能打开网页发送更多的数据包,但很少收到
计算机不能打开网页发送更多的数据包,但很少收到(解决方案)。,,问...
-
Outlook的PST文件损坏的修复方法
Outlook的PST文件损坏的修复方法,文件, ...
-
手提电脑手写怎么设置|电脑手写设置方法
手提电脑手写怎么设置|电脑手写设置方法,,电脑手写设置方法看...
-
打印机常见故障排除方法HP5000打印机为例
打印机常见故障排除方法HP5000打印机为例,,HP 50005100打印机...
-
手机版wps里如何给字加拼音|wps在文字上加拼音
手机版wps里如何给字加拼音|wps在文字上加拼音的方法wps怎么...
-
小编辑器教你减少计算机网络流量的最简单方法
小编辑器教你减少计算机网络流量的最简单方法,,核心提示:教你如...
-
Android手机模拟器的安装方法_模拟器安装教程在
Android手机模拟器的安装方法_模拟器安装教程在计算机技能,,核...
-
检查元素快捷键|浏览器审查元素快捷键
检查元素快捷键|浏览器审查元素快捷键,,浏览器审查元素快捷键...
-
网页抓取电脑信息|电脑网页捕获
网页抓取电脑信息|电脑网页捕获,,1. 电脑网页捕获可以使用抓包...
-
如何升级路由器的路由器升级_192.168.1.1鲜为人
如何升级路由器的路由器升级_192.168.1.1鲜为人知的方法,,核心...
-
电脑装cpu风扇全过程|电脑cpu风扇安装方法
电脑装cpu风扇全过程|电脑cpu风扇安装方法,,1. 电脑cpu风扇安...