假设规则如下:
.largeField {
width: 65%;
}
有没有办法拿回'65%‘,而不是像素值?
谢谢。
编辑:不幸的是,在我的例子中使用DOM方法是不可靠的,因为我有一个导入其他样式表的样式表,因此cssRules参数以null或未定义的值结束。
然而,这种方法适用于大多数简单的情况(一个样式表,在文档的head标记内有多个单独的样式表声明)。
发布于 2009-04-13 16:09:06
恐怕没有内置的方法。你可以这样做:
var width = ( 100 * parseFloat($('.largeField').css('width')) / parseFloat($('.largeField').parent().css('width')) ) + '%';
发布于 2012-05-03 21:57:22
最简单的方法
$('.largeField')[0].style.width
// >>> "65%"
发布于 2013-11-09 15:56:15
这绝对是可能的!
您必须首先隐藏()父元素。这将阻止JavaScript计算子元素的像素。
$('.parent').hide();
var width = $('.child').width();
$('.parent').show();
alert(width);
请参阅我的example。
现在..。我想知道我是否是第一个发现这个黑客的人:)
更新:
一句话
element.clone().appendTo('body').wrap('<div style="display: none"></div>').css('width');
它将在您可能想要.remove()
的</body>
标记之前留下一个隐藏元素。
我对更好的想法持开放态度!
https://stackoverflow.com/questions/744319
复制相似问题