js给元素设置样式

一、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;'

显示效果如下

 

posted @ 2021-02-05 16:44  顺·  阅读(2281)  评论(0编辑  收藏  举报