您的位置：首页 > Web前端 > CSS

js中获取样式的俩种方法 style.color和style['color'] 区别

2015-09-14 15:37 585 查看

<!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']

内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理

标签：

相关文章推荐

新的分享

章节导航