JQ如何获取宽度为百分比(%)的对象具体宽度(px)

kinghome 2013-03-18 03:30:51
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
...全文
3034 5 打赏 收藏 转发到动态 举报
写回复
用AI写文章
5 条回复
切换为时间正序
请发表友善的回复…
发表回复
scscms太阳光 2013-03-18
  • 打赏
  • 举报
回复
<div id="panel"> <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不要重复
似梦飞花 2013-03-18
  • 打赏
  • 举报
回复
body总不是吧 挨个往下×试试 我是这样想的 等等高手来看看吧
wuwu8ku 2013-03-18
  • 打赏
  • 举报
回复
offsetWidth
kinghome 2013-03-18
  • 打赏
  • 举报
回复
引用 1 楼 zzgzzg00 的回复:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-……
父容器也是使用百分比 100% 的,所以获取得到的值也是 百分比【100】
似梦飞花 2013-03-18
  • 打赏
  • 举报
回复
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <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> 类似这样试试 获得父元素的宽度后乘以那个百分比试试

87,901

社区成员

发帖
与我相关
我的任务
社区描述
Web 开发 JavaScript
社区管理员
  • JavaScript
  • 无·法
加入社区
  • 近7日
  • 近30日
  • 至今
社区公告
暂无公告

试试用AI创作助手写篇文章吧