JavaScript如何取得html中table的高度

DLnetchengxuyuan 2012-09-27 11:52:21
各位前辈
小弟,现在遇到一个问题。
要求用js取得页面中table的高度。

在用 var SpaceObj=document.getElementById(Space);
OneObj.clientHeight;
两行代码,据说,只能取得有固定高度的table的高度。(也就是说,页面中的table要设置height属性值才能被取到)

那这样的话,我的table没有设置高度,我的页面中table中的数据不固定,有时数据多,有时数据少。并且,table的高度是由数据撑起来的。所以高度不固定。那这样的话,我如何在js中取得页面显示后的table的高度?????

各位前辈,小弟新手,求助。。 谢谢!
...全文
2143 15 打赏 收藏 转发到动态 举报
写回复
用AI写文章
15 条回复
切换为时间正序
请发表友善的回复…
发表回复
sicmu 2012-09-27
  • 打赏
  • 举报
回复
帮顶,我也想知道怎样获取。
DLnetchengxuyuan 2012-09-27
  • 打赏
  • 举报
回复
各位帮帮忙啊
DLnetchengxuyuan 2012-09-27
  • 打赏
  • 举报
回复
各位,前辈,帮帮晚辈吧。。。。。谢谢你们了
DLnetchengxuyuan 2012-09-27
  • 打赏
  • 举报
回复
谢谢,大哥!!!!! 呵呵呵。。。。。
天下如山 2012-09-27
  • 打赏
  • 举报
回复
height()方法 得到或者设置 都不需要带单位即px的.
DLnetchengxuyuan 2012-09-27
  • 打赏
  • 举报
回复

“height()获取的是指定对象的实际可见内容高度.
比如:$("#OnePage").height() 这个取得的就是ID为OnePage的容器的高度.”

那么Jquery中的 height()方法取得值,可是有像素作单位的啊??我要是这样写也不行,是要进行字符串转化吗???

window.onload=function()
{
setHeight();

function setHeight()
{
if($("#OnePage").height()<3100px)
{
$("#Space").height(3100px-$("#OnePage").height())
}
}
}

天下如山 2012-09-27
  • 打赏
  • 举报
回复
你没有去查$().height()的API?
天下如山 2012-09-27
  • 打赏
  • 举报
回复
[Quote=引用 10 楼 的回复:]
其实,我现在就是想,取得页面中的 #OnePage 的高度。如果高度小于3100的话。 就设置 #Space的高度为
3100-#OnePage的高度
[/Quote]
话说你代码中用px干嘛?
if($("#OnePage").height()<3100)
{
$("#Space").height(3100-$("#OnePage").height())
}
DLnetchengxuyuan 2012-09-27
  • 打赏
  • 举报
回复
其实,我现在就是想,取得页面中的 #OnePage 的高度。如果高度小于3100的话。 就设置 #Space的高度为
3100-#OnePage的高度
天下如山 2012-09-27
  • 打赏
  • 举报
回复
height()获取的是指定对象的实际可见内容高度.
比如:$("#OnePage").height() 这个取得的就是ID为OnePage的容器的高度.
DLnetchengxuyuan 2012-09-27
  • 打赏
  • 举报
回复
求楼上高手 解释。。。。
我如果用$("#OnePage").height() 这个方法获得高度的话,如何进行加减法???

我这样写,根本不行啊!!!


window.onload=function()
{
setHeight();

function setHeight()
{
if($("#OnePage").height()<3100px)
{
$("#Space").height(3100px-$("#OnePage").height())
}
}
}










天下如山 2012-09-27
  • 打赏
  • 举报
回复
为毛有jquery的方法不用呢?
offsetHeight直接用的话 各个浏览器的解释是不一样的。
传送门
DLnetchengxuyuan 2012-09-27
  • 打赏
  • 举报
回复
function SetHeight()
{
var ObjOne=document.getElementById("OnePage");
var ObjSpace=document.getElementById("Space");
var ObjOneHeight=ObjOne.offsetHeight;
var ObjSpaceHeight=ObjSpace.offsetHeight;
if(ObjOneHeight<3100px)
{
ObjSpace.style.height==3100-objOneHeight+"px";
}
}

请各位看看,我这样写这个方法,哪里错了???
天下如山 2012-09-27
  • 打赏
  • 举报
回复
jQuery $("#table").height();
你可以查下height()的使用方法 没有设置height的情况下 也可以取得高度。
KK3K2005 2012-09-27
  • 打赏
  • 举报
回复
[Quote=引用楼主 的回复:]
据说,只能取得有固定高度的table的高度。(
[/Quote]

据说?你自己不能测试下嘛?
另外各种办法很多 真的按你据说拿不到的话 table外面加个div 我获取div的高度总行了把
一、网页设计与策划01 网页与网站的概念02 网页核心技术(HTML/CSS/JAVASCRIPT)简介03 什么是HTML04 什么是CSS05 什么是JavaScript06 网页的设计流程07 HTML5概述、浏览器及内核08 编写第一个HTML页面09 HTML页面基本结构10 章节练习二、网页的基本实现(HTML标签)01 HTML基本语法02 标签及属性03 标签04 标题标签05 段落标签06 水平分隔线标签07 换行标签08 文本的格式化标签09 特殊字符标签10 图像标签14 相对路径与绝对路径11 章节练习-《清平乐》12 章节练习-《李清照简介》13 章节练习-《家电排行》15 章节练习-《百度网简介》16 超级链接标签17 锚点链接18 影像地图19 《table》表格标签20 无序列表标签21 有序列表标签22 定义列表标签23 章节练习-《工资明细》24 章节练习-《我的电脑》25 章节练习-《在线考试》三、层叠样式表01 CSS简介02 CSS样式规则03 CSS样式的调用方法04 标签选择器05 类选择器06 ID选择器07 标签指定式选择器08 包含(后代)选择器09 群组选择器10 通配符选择器11 属性选择器12 关系选择器13 链接伪类选择器四、样式属性01 字体属性02 文本属性03 阴影效果04 对象内溢出文本05 背景设置06 定义列表的样式五、盒模型网页布局01 初识盒子模型02 边框属性(border)03 边距属性(padding与margin)04 圆角边框05 阴影效果06 浮动属性(float)07 元素定位(position)08 溢出属性(overflow)

87,910

社区成员

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

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