如何使用Javascript更改元素的宽度？

如何更改在

#center

中指定的

宽度
值？（我不想仅仅因为1更改了
width
值就在CSS文件之间切换。）如何使用Javascript动态更改值


#主中心{
宽度：600px；//单击后将宽度更改为700
浮动：左；
}
#主#中心。发送{
背景：#fff；
填充：10px；
位置：相对位置；
}
#主#中心。发送。音乐{
文本对齐：居中；
边缘底部：10px；
}
#主#中心。发送。写入{
字体系列：佐治亚，衬线；
字体大小：150px；
不透明度：0.2；
}
//……等等。
//将#中心宽度更改为700
两种可能的方法：

为元素“center”指定一个与另一个CSS规则匹配的类值
更改元素的“样式”属性
在onclick中调用javascript函数，该函数接受dom元素并设置新的宽度或更改元素的类

function changeWidth(){
  document.getElementById('center');
  div.style.width="1270px";
}


东西
更多的东西
函数changeWidth（）{
this.style.width=“700px”；
}

document.getElementById('center').style.width = "599px";

<div onclick="changeWidth()" id="main">
Stuff
</div>

<div onclick="changeWidth()" id="center">
More Stuff
</div>

function changeWidth(){
   this.style.width = "700px";
}

document.getElementById( 'center' ).style.width = "700px";