`

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

JavaScriptXHTMLHTML 
阅读更多

 

 

<!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>
分享到：
| Oracle 自定义排序 简单实现
评论
发表评论

您还没有登录,请您登录后再发表评论

相关推荐

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

    js 实现 表格设置为“100%”时获取表格的宽度! 值得下载看看!资源免费,大家分享!!

    CSS设置元素width=100%失效的一种解决方式(该元素的父元素为body).pdf

    在某些情况下，我们可能会遇到CSS设置元素`width: 100%`失效的问题，尤其是在该元素的父元素为`body`时。这是因为`body`元素的宽度可能受到浏览器滚动条、页面边距等因素的影响，导致子元素无法正确地占据100%的宽度...

    js拖动表格宽度

    由于不同的浏览器对某些API的支持程度不同，实现拖动表格宽度时可能需要做兼容性处理。例如： - **IE浏览器**：对于IE8及更早版本，使用`attachEvent`代替`addEventListener`，并注意IE的事件模型与W3C标准的不同。 ...

    数据表格JqGrid自适应列宽度

    1. **Grid宽度设置**：JqGrid允许设置全局网格宽度（例如，`width`属性），这可以是固定的像素值，也可以是百分比值。百分比值有助于实现自适应，因为它是相对于其容器的宽度。 2. **列模型配置**：每个列在JqGrid...

    jQuery+js 实现Table表格可任意拖动调整列宽度大小 适用于列表页等表头拖动宽度设置

    // 获取当前列的宽度和原始宽度 columnWidth = $(this).width(); originalWidth = columnWidth; }); // 监听鼠标移动事件 $(document).mousemove(function(e) { if ($('.draggable.active').length &gt; 0) { ...

    ListView 表格动态设置控件宽度 代码法

    本教程将详细介绍如何通过代码来实现ListView表格动态设置控件宽度。 首先，我们需要理解ListView的基本结构。ListView是由多个ListView项（ListView Item）组成的，每个项通常对应一个View或者一个自定义的...

    易语言快速设置高级表格列宽

    5. **固定列宽**：如果需要某些列保持固定宽度，可以在设置列宽时特别处理。例如，第一列始终保持100像素，其余列等分剩余空间： ```易语言 .对于 i 从 0 到 表格1.获取列数 - 1 .如果 i = 0 表格1.设置列宽 (i,...

    java设置表格的高度宽度.doc

    Java 设置表格的高度和宽度 在 Java 中，使用 JTable 控件来显示和编辑二维单元表。JTable 提供了许多工具来自定义其呈现和...然后，它将设置表格的高度为 30 像素，宽度为 100 像素，并将表头的高度设置为 30 像素。

    JS手动改变table的宽度

    2. **设置表格宽度**: 获取到表格对象后，我们可以通过`style.width`属性来设置表格的宽度。这个属性接受一个带有单位的字符串，如像素（px）、百分比（%）等。 ```javascript table.style.width = '500px'; // ...

    Jquery图片自适应宽度和表格List自适应屏幕宽度！

    `adjustImageWidth`遍历每个图片元素，将其宽度设置为父容器的宽度，从而实现自适应。 接下来，我们讨论如何实现表格List（可能是指HTML的`&lt;ul&gt;`或`&lt;ol&gt;`元素）的自适应屏幕宽度。这通常通过CSS实现，但也可以结合...

    任意改变table表格td的宽度 支持表格TD拖拽

    5. **边界处理**：为了保持表格的完整性，可能还需要处理相邻td的宽度，避免一个td变宽时挤压或覆盖其他td。 6. **结束拖拽**：当`mouseup`事件触发时，停止对`mousemove`事件的监听，拖拽操作结束。 7. **动画...

    spreadjs_获取列头和列单元格宽度的最大值-demo.zip

    标题“spreadjs_获取列头和列单元格宽度的最大值-demo.zip”暗示了这是一个使用SpreadJS库的示例，该库是用于创建电子表格应用程序的JavaScript库。这个演示可能展示了如何在SpreadJS中获取和处理列头（column ...

    根据文本内容动态获取文本宽度

    - 将`UILabel`的行数设置为0，表示自动换行，这一步对于正确计算多行文本的宽度至关重要。 3. **调用sizeToFit**：调用`UILabel`的`sizeToFit`方法，这会使得`UILabel`根据当前设置的文本和字体自动调整其大小以...

    LabVIEW表格列宽自动调节.rar

    - 使用`Get Table Column Properties`函数获取表格的列属性，包括当前的列宽。 - 使用`Set Table Column Properties`函数设置新的列宽。根据数据长度，计算合适的宽度并设置。 - 对每个列重复此过程，确保所有...

    Ext Grid表格的自动宽度及高度的实现

    在探讨“Ext Grid表格的自动宽度及高度的实现”这一主题时，我们深入解析如何在Ext JS框架下，利用其强大的Grid组件自适应容器尺寸，实现表格宽度与高度的自动调整。这一技术对于构建响应式、用户友好的界面至关重要...

    保持固定表头和表体宽度一致,dom中js的妙用.docx

    总的来说，尽管DOM内嵌JavaScript在某些情况下可能被视为不推荐的实践，但在处理特定问题如本例中的表格宽度同步时，它仍能提供有效且灵活的解决方案。通过结合前端框架（如Thymeleaf）和JavaScript，我们可以创建出...

    easyui datagrid标题列宽度自适应

    4. **列属性设置**：在定义datagrid的列时，可以设置`width`属性为`auto`，让其自动根据内容调整宽度。 5. **自定义插件**：如果EasyUI默认的自适应功能不能满足需求，还可以编写自定义插件来实现更复杂的行为，...

    jqGrid表格属性大全

    * width：设置或获取表格宽度 Table对象也具有以下方法： * createCaption()：为表格创建一个空的标题元素 * createTFoot()：为表格创建一个空的tFoot元素 * createTHead()：为表格创建一个空的tHead元素 * ...

    可以调整列宽的表格

    // 获取表格元素 var newWidth = ...; // 根据colIndex和delta计算新的宽度 table.children[0].children[colIndex].style.width = newWidth + 'px'; // 更新列宽 } ``` 此外，`_em.js`文件可能是辅助脚本，例如...

    SWT表格管理类

    SWT表格管理类是Java编程中的一个重要组成部分，主要用于创建和管理具有高级特性的用户界面，如表头排序、隔行颜色以及表格宽度自适应。在本文中，我们将深入探讨SWT（Standard Widget Toolkit）框架下表格管理类的...

Magicbox
Global site tag (gtag.js) - Google Analytics