获取div的高度

发布于 2024-11-09 02:02:07 字数 328 浏览 0 评论 0原文

<span style="width:100%" id="learning_menu"><div id="aLM" style="width:100%;height:100%">test | test | test</div></span>

上面的代码是我当前的 HTML。我将使用 jQuery 使内部“div”收缩并增长。我不知道如何获得 span/div 的高度。我不会在 CSS 中设置特定值，因为它可能会根据浏览器而改变。因此，我的 JavaScript (style.height) 总是返回 0。

有什么想法吗？

原文

<span style="width:100%" id="learning_menu"><div id="aLM" style="width:100%;height:100%">test | test | test</div></span>

The code above is the current HTML that I have. I'll be making the inner "div" shrink-and-grow using jQuery. I can't figure out how to get the height of the span/div though. I'm not going to set a specific value in CSS because it could change depending on the browser. Because of this, my JavaScript (style.height) always returns 0.

Any ideas?

分享到QQ

分享到微博

如果你对这篇内容有疑问，欢迎到本站社区发帖提问参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。

发布评论

需要登录才能够评论，你可以免费注册一个本站的账号。

朦胧时间 2024-11-16 02:02:07

这是纯 js 格式，不需要 jQuery：

document.getElementById("learning_menu").offsetHeight;

Here it is in plain js and no jQuery required:

document.getElementById("learning_menu").offsetHeight;

回复收藏 0 原文

放飞的风筝 2024-11-16 02:02:07

使用 jQuery：这将是 .height() 方法。

var span_height = $('#learning_menu').height(),
    div_height = $('#aLM').height();

注意，将块级元素（在本例中为

）放置在内联元素（）内部是无效的 HTML。

Using jQuery: that would be the .height() method.

var span_height = $('#learning_menu').height(),
    div_height = $('#aLM').height();

N.B. it is invalid HTML to place a block-level element (in this case the <div>) inside of an inline element (the <span>).

回复收藏 0 原文

皓月长歌 2024-11-16 02:02:07

嗯。我不确定你的问题是否正确，但是......从纯javascript中，你可以使用元素的 clientHeight （或 offsetHeight）属性来获取它的高度（以像素为单位）。从 jquery 只需使用 .height() 方法（实际上是 clientHeight 属性的与浏览器无关的包装器）。

回复收藏 0 原文