JQ如何获取宽度为百分比(%)的对象具体宽度(px)
<div id="panel">
<div id ="a" style="width:66%"></div>
<div id ="a" style="width:34%"></div>
</div>
alert($("#a").width())
结果输出为66
但是我想要具体的像素值,怎么办?
以前的版本可以使用 $("#a").attr("scrollWidth"),最新版本用这个语法提示undefined
<div id="panel">
<div id ="a" style="width:66%"></div>
<div id ="a" style="width:34%"></div>
</div>
alert($("#a").width())
结果输出为66
但是我想要具体的像素值,怎么办?
以前的版本可以使用 $("#a").attr("scrollWidth"),最新版本用这个语法提示undefined
解决方案 »
- 你如何理解“面向对象”
- jstree 重命名问题
- 动态打table 如何同时设置colspan 和 rowspan
- javascript中怎么实现表单1的信息跟表单2的信息一起提交?
- 雪地跪求隐藏弹出窗口ie标题栏的方法!
- 简单问题. js如何控制select(html element,非dropdownlist)为展开状态
- 求 点击一链接打开个层,鼠标移开十秒后关闭,或者点击页面其它地方关闭层
- 如何根据输入的字符数动态设置HTML中Input表单的宽度?
- 请问用js如何判断一个String是不是浮点数和整数?
- 高分求助:关于JS的问题,高手看看!
- js中获取引用js的路径
- ajax无法获取回调值
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>无标题文档</title>
<script type="text/javascript">
function init(){
var div=document.getElementById("a");
var p=div.parentNode;
var a=parseInt(div.style.width)/100;
var b=0;
if(document.defaultView&&document.defaultView.getComputedStyle){
b=document.defaultView.getComputedStyle(p).width;
}else{
b=p.currentStyle.width=="auto"?p.offsetWidth:p.currentStyle.width;
}
b=parseInt(b);
alert(b*a+"px");
}
window.onload=init;
</script>
</head><body>
<div id="panel">
<div id ="a" style="width:66%">1</div>
<div id ="b" style="width:34%">2</div>
</div>
</body>
</html>
类似这样试试
获得父元素的宽度后乘以那个百分比试试
我是这样想的 等等高手来看看吧
<div id ="a" style="width:66%"></div>
<div id ="b" style="width:34%"></div>
</div>
<script type="text/javascript">
$(document).ready(function () {
alert($("#a").innerWidth());
})
</script>
//注意ID不要重复