Question

关于js修改div样式宽度的问题 ： div.style.width=200能不能换成div.style['width']=200这样的写法

function _style(name,value){
var div1=document.getElementById("div1");//div1是div的id
div1.style[name]=value;
}

<input type="button" value="增宽" onclick="_style('width','200')">

Answer 1

可以这一写，width是style的一个数据，js调用数据的方式就有

1、使用小数点的方式

2、使用中括号的方式

但是你的代码调用时 200要带单位

<div style="height:200px;width:200px;" id="div1"></div>

可以看到平时写法width的数字后面是有单位的

所有在使用函数的时候也需要带上哦

document.getElementById("div1").style['width']="100px";
document.getElementById("div1").style.width="100px";

两种方式都可以

追问

还真是没带单位的问题，谢谢！