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;'
显示效果如下