码迷,mamicode.com
首页 > Web开发 > 详细

js给元素设置样式

时间:2021-02-06 11:52:17      阅读:0      评论:0      收藏:0      [点我收藏+]

标签:rgba   inf   str   idt   简洁   css样式   img   显示   text   

一、style

利用 “[元素].style.[CSS属性名] = [属性值]” 的方法

1 var Box = document.getElementById(box)
2 Box.style.height = 100px
3 Box.style.width = 100px
4 Box.style.backgroundColor = "red"

显示效果如下

技术图片

 

 

 二、style.cssText

此方法很简洁,更像写行内样式

利用 [元素].style.cssText = ‘CSS样式‘ 的方法

1 var Box = document.getElementById(box)
2         
3 Box.style.cssText = height: 100px; width: 100px; background-color: darkblue;

显示效果如下

技术图片

 

js给元素设置样式

标签:rgba   inf   str   idt   简洁   css样式   img   显示   text   

原文地址:https://www.cnblogs.com/shun1015/p/14378629.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!