javascript - 如何获得最小高度 CSS 属性?

标签 javascript jquery dom styles

<分区>

据我所知,DOM 元素 style 的 CSS 属性是驼峰式的,这样 min-height 就是 element.style.minHeight ,但在我下面的示例中,样式属性为空,但 jQuery 的抽象正确地获取了它。

// element with css: #test{ min-height: 100px; }
var el = document.getElementById('test');

console.log( el.style.minHeight );
// ""

console.log( $(el).css('min-height') );
// "100px"

See fiddle for this in action .

jQuery 做了什么来提取我没有做的正确样式属性?

有趣的是,直接在html元素上添加样式属性does work .

最佳答案

您可以使用 window.getComputedStyle(el,null).getPropertyValue("min-height") 并查看它是否返回正确的值。

警告:它可能不适用于 IE < 8。

来自 Mozilla 的网站...

CSS 2.0 仅将计算值定义为属性计算的最后一步。然后,CSS 2.1 引入了使用值的不同定义,以便元素可以显式继承计算值为百分比的父元素的宽度/高度。对于不依赖于布局的 CSS 属性(例如显示、字体大小、行高),计算值和使用值是相同的。这些是确实依赖于布局的属性,因此具有不同的计算值和使用值:(取自 CSS 2.1 更改:指定值、计算值和实际值):

背景位置 下、左、右、上 高度宽度 margin-bottom, margin-left, margin-right, margin-top, 最小高度,最小宽度 填充底部,填充左侧,填充右侧,填充顶部 文本缩进

关于javascript - 如何获得最小高度 CSS 属性?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/17568056/

相关文章:

php - 使用 Javascript 和 PHP 的复选框自动求和

javascript - React 路由器链接不断推送到历史相同的 url?

javascript - 绕过 iOS Safari/任何移动浏览器上的弹出窗口拦截器

javascript - Dimple Barplot 无法使用分组或排序规则有效地对齐或排序条形图

javascript - 将一个事件处理程序分配给多个元素?

jQuery 的 getScript - 将文件包含到主范围中?

javascript - 如何从两个或多个 DOMNode 创建 NodeList 对象

javascript - 如何从内存中清除使用 jQuery 创建的 DOM 元素?

javascript - 如何在 Javascript 中将函数的返回值传递给 html div

javascript - 在网页中找不到由 URL 段标识的 HTML 部分