张子豪若何用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
保留代码后，在浏览器中打开，下面两张图就是按钮点击前后的对比结果，可以看到点窜表格列宽的方针当作功达到。
来源：百闻（微信/QQ号：9397569），转载请保留出处和链接！
本文链接：https://www.ibaiwen.com/web/223726.html
- 上一篇： 小米手机3丢了怎么找回
- 下一篇： 拍好黑白摄影的9个小诀窍
- 热门文章
-
WB蒙特利尔(WB Montreal)——欧美十大最差视频游戏开发商
迅猛龙(Velociraptor)——欧美史前十大死亡动物
什么是果酱猫(What Marmalade Cats)？
神奇蜘蛛侠2(The Amazing Spider-Man 2)——欧美最佳蜘蛛侠电影
希瑟(Heather)——欧美十大最佳柯南灰歌
二人梭哈
奥兹奥斯本(Ozzy Osbourne)——欧美十大高估歌手
faceu激萌怎么把瘦脸开到最大
什么是小脑前下动脉(Anterior Inferior Cerebellar Artery)？
我应该知道康涅狄格州的什么(What Should I Know About Connecticut)？
- 热评文章
- 最新评论
-
- 最近访客
-
- 站点信息
-
- 文章总数:200248
- 页面总数:9
- 分类总数:1
- 标签总数:0
- 评论总数:0
- 浏览总数:497