2

我有一个固定的 DIV,它沿着页面底部运行,并且有几个使用 css width % 设置的 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%。

有没有办法在像素中获得这个值?

谢谢

4

2 回答 2

0

尝试将其用于 webkit 和 Mozilla

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

这对于 IE

alert(document.getElementById("footerHide").currentStyle.width);
于 2012-09-22T22:39:04.173 回答
0

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

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

于 2012-09-22T23:17:54.557 回答