javascript - 以像素为单位获取元素宽度

标签 javascript jquery html css

如何获取以像素 (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/

相关文章:

php - 多个文档就绪函数相互覆盖

html - div 中的图像在图像下方有额外的空间

php - 在移动的 WordPress 网站上使用的后备字体系列

javascript - 为什么我无法预览输入字段上传的图像并将其显示在 Canvas 中?

javascript - 使用 JQuery 将值从表复制到模态

javascript - onmouseover 覆盖了 :hover in CSS

javascript - 倒计时结束后禁用/隐藏提交按钮

javascript - jquery 检查父元素中是否有特定文本,如果有则在特定的预先存在的子元素之后添加子元素

java - jqgrid 将 Jqgrid 数据发布回 Action 类

javascript - 将 css 应用到 Youtube 框架中或修复拇指