JQuery 获取 PX 中的元素宽度

Question

>我有一个固定的 DIV，它沿着页面底部运行，并且有几个使用 css 宽度设置的 DIV。

例如：HTML

    <div id="footerHide" class="footerDivRightContainers">
      <img src="../../images/footer-divider.png" id="footerDividerHide" class="footerDivider">
      <h3 id="footerHide">Hide</h3>
    </div>

.CSS：

div#footerHide {
    position: relative;
    cursor: pointer;
    width: 6%;
    min-width: 50px;
}

我正在使用百分比，因此它会随页面重新调整大小。

我需要获取以像素为单位的宽度，当我运行时：

alert($('div#footerHide').width());

我得到 6 的结果 - 与宽度有关：6%。

有没有办法以像素为单位获取此值？

感谢

Answer 1

jQuery width()返回元素的计算宽度值。您的错误无法在 jsfiddle 中使用它们支持的任何较新版本的 jQuery 或您提供的代码重现。

然而，这可能是检索具有生成内容的隐藏元素的宽度值的问题 - 因为你说有更多的代码，我只能假设这是没有提供足够详细的代码片段的情况。

Answer 2

尝试将其用于webkit和Mozilla

alert(window.getComputedStyle(document.getElementById("footerHide")).width);

而这适用于IE

alert(document.getElementById("footerHide").currentStyle.width);