表格宽度设置为“100%”时 获取表格的宽度

最新推荐文章于 2019-11-21 12:17:04 发布
最新推荐文章于 2019-11-21 12:17:04 发布
阅读量1.4k 收藏
点赞数
分类专栏： JavaScript 文章标签： JavaScript XHTML HTML ViewUI
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/iteye_19318/article/details/81934074
版权

 

 

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>表格设置为“100%”时获取表格的</title>
</head>

<script LANGUAGE="JavaScript">
function getWidth()
{ 
   var tbl=event.srcElement;   //获取表格对象
   tbl.innerText=tbl.offsetWidth+'px'; //返回表格对象的实际宽度
}
</script>
 
<body>
<table width="100%"  height="100" border="1" cellpadding="0" cellspacing="0" >
  <tr>
    <td id="tbl1" onMouseOver="getWidth()">光标移过来</td>
    <td id="tbl2" >表格设置为“100%”时获取表格的宽度</td>
  </tr>
</table>
</html>
iteye_19318
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
js 实现 表格设置为“100%”时获取表格的宽度
03-31
js 实现 表格设置为“100%”时获取表格的宽度! 值得下载看看!资源免费,大家分享!!
JS动态改变表格边框宽度的方法
10-24
在JS中动态改变表格边框宽度是一项基础却非常实用的技术，可以让用户在运行时改变页面上的表格样式，使得界面更加友好和具有交互性。 在本示例中，我们将介绍通过JavaScript动态改变HTML表格边框宽度的方法。这需要...
当获取div的宽度为“100%”想获取其具体的像素值px怎么办
qq_15167261的博客
08-08 1万+
平常的时候获取div的宽度方法：document.getElementById("divid").style.width;但是当div的宽度样式设置为百分号制的时候需要通过clientWidth来获取其宽度。如下 document.getElementById("divid").clientWidth;
div为100%宽度，获取div的宽高
笔芯君
01-18 3078
当样式写在css中，或许写页面时头部的宽度为100%，使用js获取宽度 用document.getElementById("top").style.width是无效的 有如下两种解决方法： 1、写在行列元素中eg： 2、用document.getElementById("top").offsetWidth;
如何用 js 获取table 或者其他块状标签的 宽和高
weixin_34060741的博客
11-29 307
这个比较简单，总体思想，标签标记一个id，js获取id，就能用它的属性了。介绍两种方法。请看下面代码。   第一种 1 &lt;script&gt; 2 3 function width_table_all() { 4 7 var tabl = document.getElementById("tabl").of...
js拖动表格宽度
05-07
由于不同的浏览器对某些API的支持程度不同，实现拖动表格宽度时可能需要做兼容性处理。例如： - **IE浏览器**：对于IE8及更早版本，使用`attachEvent`代替`addEventListener`，并注意IE的事件模型与W3C标准的不同。 ...
EasyUI 数据表格datagrid列自适应内容宽度的实现
10-16
例如，在EasyUI的datagrid中，我们可以编写一个函数，该函数首先加载表格，然后获取表头字段列表，并获取表格中的数据。通过循环处理每一列，计算出该列中最长内容的长度，并据此设置该列的宽度。在计算时，还要考虑...
java设置表格的高度宽度.doc
04-18
Java 设置表格的高度和宽度 在 Java 中，使用 JTable 控件来显示和编辑二维单元表。JTable 提供了许多工具来自定义其呈现和...然后，它将设置表格的高度为 30 像素，宽度为 100 像素，并将表头的高度设置为 30 像素。
JS动态设置表格高度、宽度
10-10
JS动态设置表格高度、宽度所有浏览器全兼容
table表格设置100%宽，无法自适应横向滚动
叫我起来，我还能敲代码！
11-21 2212
table设置100% 外部div设置横向滚动，但是里面的table折行了 需要这么设置 div{ width: 100%; background: #fff; white-space: nowrap; overflow: hidden; overflow-x: scroll; } table td{ border: 1px solid #00...
jqGrid宽度为100px问题
wzp6010625的博客
10-26 953
隐藏的表格显示时, 会从100px变为正常宽度, 给人一种卡的感觉, 可以加以下代码解决 $("#mygrid").jqGrid("jqGridResize"); 如果这个方法无效, 再试试下边的 $("#mygrid").jqGrid("setGridWidth", $("#mygrid").width()+18); //18为预留滚动条宽度
如何设置让excel的单元格列宽随内容增加而变宽
season1437的专栏
01-25 5396
先把区域选中,设成最适合的列宽.(菜单格式_列_最适合的列宽)然后,再往里面输内容,就是你想要的结果了.
设置html的table高度100%
热门推荐
ahshow的专栏
06-23 1万+
去掉页面头的 还可以设置css让body高度100%，可以让div的高度100%，这个方法不需要去掉 css：body{height:100%}html,body{height:100%} 如果去掉了table高度还不能100%，在table内加一个
table和div设置height:100%无效的完美解决方法
weixin_30652879的博客
03-18 1064
刚接触网页排版的新手，常出现这种情况：设置table和div的高height="100%"无效，使用CSS来设置height:"100%"也无效，为什么会这样呢？解决height:100%无效，table和div的解决方法并不相同。 首先说一下table，他比较容易解决，当我们使用Dreamweaver来制作网页，新建一张网页，通常在代码头部会有类似以下的代码：<!DOCTYPE ht...
word poi 设置表格宽度
最新发布
05-30
要设置表格宽度，你可以使用Apache POI中的CTTblWidth类。可以通过以下方式设置表格宽度： ``` XWPFTable table = document.createTable(); CTTblWidth width = table.getCTTbl().addNewTblPr().addNewTblW(); width.setType(STTblWidth.DXA); width.setW(BigInteger.valueOf(5000)); // 宽度为5000 ``` 在这个示例中，我们首先使用`createTable()`方法创建一个新表格。接着，我们使用`getCTTbl()`方法获取表格的CTTbl对象，并使用`addNewTblPr()`方法创建一个新的表格属性对象。然后，我们使用`addNewTblW()`方法创建一个新的表格宽度对象，并使用`setType()`方法设置宽度的单位类型为DXA。最后，我们使用`setW()`方法设置实际宽度，单位为0.1磅，因此宽度为5000表示500磅。 请注意，这只是一个示例。实际上，你需要根据需要调整宽度值。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值