Question

如果我alert css选择器设置为width:100%的元素我在px中得到它，是否有某种方法可以在%中设置它从css，我需要它来修复一些流畅布局的脚本。

// css
.my-element {
    width:100%;
}

// javascript
alert('width: '+$('.my-element').css('width'));
// this alerts "width: 1116px" instead of "width: 100%"

也许这样的事情总是如此？

alert($('.my-element').outerWidth() == $('.my-element').parent().outerWidth());

Answer 1

function percentwidth(elem){
    var pa= elem.offsetParent || elem;
    return ((elem.offsetWidth/pa.offsetWidth)*100).toFixed(2)+'%';
}

Answer 2

您可以通过两种方法获得百分比宽度。

Live Demo

使用jQuery使用jQuery 1.3.2，你将得到100％。

alert($('.my-element').css('width'));

使用javascript设置标签的样式属性中的宽度，如此

<div id="div2" style="width:100%"></div>

div2 = document.getElementById('div2');

alert("Width of div2 with style = " + div2.style.width);

Answer 3

这篇文章

Is it possible to use jQuery to get the width of an element in percent or pixels, based on what the developer specified with CSS?

使用jQuery获取html元素的宽度百分比％

3 个答案: