如何获取以像素 (px) 为单位的元素宽度? jQuery 总是以百分比 (pct) 的形式返回值。
HTML
<span class="myElement"></span>
CSS
.myElement {
float: left;
width: 100%;
height: 100%;
}
JavaScript
$('span.myElement').css('width') // returns '100%'
$('span.myElement').width() // returns '100'
谢谢!
最佳答案
有多少项属于myElement
类?考虑使用 id
, 不是 class
,因为获得两个元素的宽度实际上是不可能的(或者在逻辑上可以理解的 IMO)。
我做了一个小演示,对我来说,它输出单个 span
的宽度(以像素为单位)宽度为 100%
的元素(对我来说,它会在 400
附近发出警报):http://jsfiddle.net/LqpNK/3/ .
顺便说一下,<span>
元素不能有固定的宽度或高度,所以设置它们的宽度和高度对你没有好处。相反,将它们显示为 block
元素(因此只需将 <span>
替换为 <div>
,或将 display: block;
添加到 .myElement
的 CSS 中)。
关于javascript - 以像素为单位获取元素宽度,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/5525049/