用javascript给元素添加样式的方法以height为例

在工作中遇到很多人对简单的样式很头疼，经常忘记方法，自己也经常这样，或忘记或弄混淆，在这里做一个总结：

假如有一个如下的div元素，需要通过 js 来控制它的高：

<div id="test"></div>

可以有如下几种方法：

1、 用原生的 setAttribute( ) 方法：

document.getElementById("test").setAttribute("style","height:100px");

2、直接设置style属性

document.getElementById("test").style.height = "100px";

3、可以用JQuery的方法

$("#test").style.css({"height":"100px"});

暂时只想起这三种方法。先总结到这里。