google chrome的开发者模式下（F12），用ctrl+shift+c或者点击弹出来的窗口左上角的箭头， 点选你要看的某个元素，在窗口的下方可以显示css。
mac下chrome 使用 command+option+i 调出开发者模式
通过id获取元素再易不过，但通过css获取元素就得自己写函数了。如下参数一个是父亲元素，一个是要获取的css名，返回的是元素的数组集合，所以要这样用:var a=getByClass(oDiv, 'myDemoCss')[0]
1 function getByClass(oParent, sClass)
2 {
3 var aEles=oParent.getElementsByTagName('*')
4 var res=[]
5 var i=0
6
7 for(i=0i<aEles.lengthi++)
8 {
9 if(aEles[i].className==sClass)
10 {
11res.push(aEles[i])
12 }
13 }
14
15 return res
16 }
-==============css的相关操作就可以做成如下的函数了
//增加css
1 function addClass(obj,sClass)
2 {
3 if(!getClass(obj,sClass))
4 {
5 obj.className+=" "+sClass
6 }
7 }
//判断是否存在css 返回boolen
function getClass(obj,sClass)
{
var aClass=obj.className.split(" ")
for(var i=0i<aClass.lengthi++)
{
if(aClass[i]==sClass)
{
return true
}
}
return false
}
//删除css
1 function removeClass(obj,sClass)
2 {
3 var aClass=obj.className.split(" ")
4 for(var i=0i<aClass.lengthi++)
5 {
6 if(aClass[i]==sClass)
7 {
8aClass[i]=""
9 }
10 }
11 obj.className=aClass.join(" ")
12 }
