js中获取样式的俩种方法 style.color和style['color'] 区别
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>获取非行内样式</title>
<style>
#w{width:50px;border:1px solid #464646;height:100px;}
</style>
</head>
<body>
<div id="w">
123
</div>
<script>
var oD=document.getElementById("w");
function showCss(oD,wid)
{
return oD.style.width;
}
function setCss(oD,wid,val){
oD.style[wid]=val;
oD.style.wid=val;
}
setCss(oD,'color',"red");
showCss(oD,"500px");
</script>
</body>
</html>
:如果属性作为参数的方式 只能用[]这个,"." 这种点的方式 不能解析, wid是个变量 = 你传入的color, 然后解析就变成了 style.'color' ,但是 style[wid] = style['color']
