利用JS实现表格设置为“100%”时获取表格的宽度
2024-10-06 本站作者 【 字体：大 中 小 】
实例名称
JS代码实现表格设置为“100%”时获取表格的宽度
实例描述
为了控制表格的单元格不被撑破，通常使用百分比的形式设置表格的宽度，如“width=70%”本例学习如何在表格设置为百分比宽度时，获取表格的实际宽度。
实例代码
html xmlns="" headtitle标题页-学无忧 LANGUAGE="JavaScript"function getWidth var tbl=; //获取表格对象 =+'px'; //返回表格对象的实际宽度/script/headbodytable width="100%" height="100" border="1" cellpadding="0" cellspacing="0" tr td id="tbl1" onMouseOver="getWidth"光标移过来/td td id="tbl2" onMouseOver="getWidth"光标移过来/td /tr/table/body/html
运行效果
难点剖析
本例的重点是“offsetWidth”属性，表示对象的可视宽度。实现原理是由“event．srcElement”属性获取当前操作的表格，然后使用“offsetWidth”属性获取当前单元格的宽度，最后使用“innerText”属性将宽度值显示在单元格内。
源码下载
猜你喜欢
钓鱼模拟户外钓鱼：夏日时光中文版前导影像公布
0 上古卷轴5：天际秘籍魔法恢复速度是什么
0 台积电2nm工艺将继续涨价！引入新技术工艺实现突破
0 地铁逃生3.3新增战术道具介绍
0 鸣潮1.3新角色一共有几个
0 大侠立志传提升能力成长效率方法一览
0 糖宝安悦溪代言花千骨手游新版今日上线
0 天谕手游乐谱春娇与志明代码是什么
0 2021年央视中秋晚会2021有谁
0 神都夜行录游侠怎么样游侠技能属性介绍
0 
2024去云南旅游最佳路线 云南旅游的最佳路线安排
2024最适合穷游的12个地方 一个人穷游去哪里好
2024桂林必去五个景点 桂林旅游必看景点
2024清明家庭旅游最佳去处 清明节去哪里玩比较好
张家界旅游必去景区 张家界旅游景点推荐
2024重庆旅游攻略 2024年重庆旅游景点
西安旅游攻略自由行路线推荐 第一次去西安旅游攻略
2024昆明旅游攻略景点大全 昆明有什么好玩的地方推荐
成都旅游必去十大景点推荐 四川成都最值得去的十大景点
2024山西旅游必去十大景点 山西必去景点攻略地
