每日一条js之通过原生jsDOM操作改变节点的样式

在编写js的代码过程中难免会遇到一些数据改变后或者场景要根据条件改变页面上元素的样式

方法一object.style.属性名例如：

var box=document.getElementById('box1');
box.οnclick=function(){
    box.style.width="350px";
    box.style.height="350px";
    box.style.backgroundColor="#f06";
}

这是通过直接改变元素上的样式来改变元素样式

方法二可以预先写好样式代码然后将样式代码的name直接赋给元素

var box=document.getElementById('box1');
box.οnclick=function(){
    box.className='color';
}