Question

js控制css！！！！！！！！

各位大哥大姐们，谁有js操作css 的一些常用技巧，和使用方法方面的资料不，资料不要太多，能有一些常用的案例就行，在网上没找到好点的资料，在此感谢各位大哥大姐们了，我的qq邮箱 317216891@qq.com

Answer 1

你说的就是利用js控制元素的style样式吧。。。！
如果是的话，一般控制方式 就是直接对象.style.样式就可以了，例如：
var div1 = document.getElementById（"div1"）；//获取id为div1的div标签
div1.style.height=”100px“;//设置div高度；
div1.style.width=”100px“;//设置div宽度；
div1.class="div";//css文件中定义的样式id
div1.backgroundColor="blue"; 等等，注意一点就是一般带连接符"-"的样式属性，第二个字母首字母大写就可以了。

追问

恩，谢谢，那怎么取本身的属性值呢？

追答

用js获取标签对象，然后直接用 obj.属性就ok了，例如获取div高度：document.getElementById("div1").style.height；怎么设置的属性就怎么去获取。下面是一些规则，可参考：

document.getElementById("e").offsetHeight 以px为单位表示元素的实际高度。这个高度包括元素的padding 和 边框的高度。

document.getElementById("e").height 只对拥有一个heigth属性的元素有效，例如一个IMG标签：

它是document.getElementById("e").getAttribute("height")的简写。 同样的你可以通过这种方式获得这个标签的其他属性。例如，如果标签是一个超链接，那么document.getElementById("e").href表示超链接的URL。
document.getElementById("e").style.height类似于.height，它访问的是style属性的height。如果你只是使用document.getElementById("e").style，那么返回的是整个样式值。(例如，"width=200px;height=300px;border=2px solid black;")；

当然，你可以通过css样式间接地设定元素高度而不是在标签里面使用style属性。在这种情况，document.getElementById("e").style.height将返回一个错误，这是因为document.getElementById("e").style指向的是元素的style属性，而不是样式表里面定义的style。

追问

为什么我的取到空呢，没取出 300 呢，大哥指教。

function test(){
var vh=document.getElementById("div1").style.height;//获取div高度
alert(vh);
}

追答

var vh=document.getElementById("div1").height;//获取div高度
之前说的比较清楚了，怎么定义的就怎么取，如果在style中定义的就要带obj.style，如果直接定义为标签属性的 直接用obj.属性
eg.

var vh=document.getElementById("div1").height;//获取div高度属性
var vh1=document.getElementById("div1").style.height;//获取div 属性style中定义的高度
alert(vh);
alert(vh1);
--看出效果了吧。。。

Answer 2

用jquery吧，你想到的效果都能实现~

Answer 3

去网上百度一下，html dom