1、首先，新建一个测试网页，网页中主要添加有可视控件表格<table>和按钮<button>。
2、想定：我尺攵跋赈们要实现点击<button>，改变表格的第二列的宽为300px。首先，我们给表格第二列的<th><td>控件，添加一个css样式：class=媪青怍牙"oldWidth"
3、然后在<head>标签对中，定义两个样式：oldWidth、newWidth的具体内容，实际中大家根据需要定义，这里各只定义了一个宽度属性，分别是最初宽度和改变后的宽度。
4、然后，我们再来为<button>标签添加onclick事件，响应函数名的addColWidth。
5、再在</body>标签后，加入<script>标签对，并编写addColWidth()函数的实现代码:首先，通过样式名oldWidth获取到所有应用该样式的对象.
6、再通过for语句循环，来为通过样式名oldWidth获得的所有对象，赋予新的样式newWidth，从而达到实现改变列宽的目的。
7、保存代码后，在浏览器中打开，下面两张图就是按钮点击前后的对比效果，可以看到修改表格列宽的目标成功达到。
