请问我该如何用javascript变量给一个表格的高度赋值?

qianying 2001-11-20 03:04:25
我有一个Table的ID为frame,并且可以计算出它的高度为:
document.all.frame.rows(0).cells(0).offsetHeight

我需要用该表达式的值减去200后,动态地赋给同一个页面中的另一个Table的高度,

请问代码如何写?
...全文
70 3 打赏 收藏 转发到动态 举报
写回复
用AI写文章
3 条回复
切换为时间正序
请发表友善的回复…
发表回复
pzs8888 2001-11-20
  • 打赏
  • 举报
回复
可用以下方法判断ID为frame的Table是否存在,
var table1=document.all.tags("table")
var tabnumber=table1.length;
for (var i=0;i<=tabnumber;i++){
if (table1[i].id=="frame"){
var frameheight=table[i].rows(0).cells(0).offsetHeight

table2.style.height=frameheight-200;


}
}
qianying 2001-11-20
  • 打赏
  • 举报
回复
pzs8888(亚亚):
我该如何插入你这两行代码呀?

还有该如何判断ID为frame的Table是否存在呀?
pzs8888 2001-11-20
  • 打赏
  • 举报
回复
var frameheight=document.all.frame.rows(0).cells(0).offsetHeight

table2.style.height=frameheight-200;

其中table2是另一个table的ID.如果不行可再加上,
table2.style.position="absolute";
下载前可以先看下教程 https://renmaiwang.cn/s/ddg3w iView Table 组件的高度动态配置方式iView 是一个依托于 Vue.js 框架构建的组件集合,它为开发者提供了众多便捷组件以辅助快速开发应用。 其中,iView Table 是一个应用广泛的组件,主要功能在于呈现表格数据。 然而,在运用 iView Table 组件的过程中,预设的固定高度设置可能造成在不同显示分辨率下的内容展示不完整。 本篇内容旨在介绍一种 iview Table 高度动态配置方案,用以应对此问题。 一、问题阐述在使用 iView Table 组件时,若设定固定高度,则可能导致在不同分辨率显示设备上表格内容无法完整呈现。 例如,在高分辨率设备上表格显示正常,但在低分辨率设备上表格内容或许只能部分展示。 这一现象的根源在于固定高度设定无法自适应不同分辨率的显示环境。 二、应对策略为解决上述问题,我们可以借助 JavaScript 实现对 iview Table 高度的动态调整。 具体实施步骤如下:首先在 data 属性中初始化一个名为 tableHeight 的变量,并将其赋值一个固定数值,比如 450。 接着在 mounted 生命周期钩子函数内,运用 JavaScript 动态设定表格高度。 此过程可利用 window.innerHeight 属性获取浏览器视窗的可用高度,同时结合 this.$refs.table.$el.offsetTop 属性获取表格至浏览器视窗顶部边缘的距离。 基于这两个数值进行计算,从而确定表格高度。 以下为示范代码:```下面小编就为大家带来一篇js给table赋值的实例代码。小编觉得挺不错的,现在就分享给大家,也给大家做个参考。一起跟随小编过来看看吧

87,996

社区成员

发帖
与我相关
我的任务
社区描述
Web 开发 JavaScript
社区管理员
  • JavaScript
  • 无·法
加入社区
  • 近7日
  • 近30日
  • 至今
社区公告
暂无公告

试试用AI创作助手写篇文章吧