若何用js设置table某一列列宽？有时，我们在编写网页时，需要动态改变table的列宽，具体应该若何操作呢？下面，小编就来为大师介绍一下用js设置table某一列列宽的方式 。
方式/
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【js 如何 table 如何设置某一列列宽】保留代码后，在浏览器中打开，下面两张图就是按钮点击前后的对比结果，可以看到点窜表格列宽的方针当作功达到 。
文章插图
文章插图
以上内容就是js 如何 table 如何设置某一列列宽的内容啦，希望对你有所帮助哦！
推荐阅读
- 微信怎样设置到账时间
- 拼多多商家如何在淘宝一件代发下单的流程
- 华为手机如何设置或取消刘海屏
- 火萤视频怎么设置为手机动态壁纸
- 如何注册网易号
- 手机端如何下载付费音乐
- 豆角鸡蛋馅儿饺子的做法
- 东北菜土豆炖窝瓜
- 冰糖百香果蜜做法
- 怎么在iPhone中设置低电量模式