jquery如何获取DIV里CSS设置是百分比的宽度呢？
$("#JS_top_ment").width()如果是百分比的时候这个参数会是null的如果是$("#JS_top_ment").css("width")的话，就会显示...
$("#JS_top_ment").width()如果是百分比的时候这个参数会是null的如果是$("#JS_top_ment").css("width")的话，就会显示undefined如果写法是$("#JS_top_ment").atrr("width")这就是错误的~什么也没有显示出来~那请问如何才能获取他的宽度呢？要求：准确数值，因为我还需要那个数值做个判断喔~
展开
5个回答
展开全部
JQ好像不行你用下面的试试标签元素的宽高值获取
//绝对宽度
Obj.offsetWidth
//绝对高度
Obj.offsetHeight以下是获取窗口对象的宽高值。
clientHeight 获取对象的高度，不计算任何边距、边框、滚动条，但包括该对象的补白。
clientLeft 获取 offsetLeft 属性和客户区域的实际左边之间的距离。
clientTop 获取 offsetTop 属性和客户区域的实际顶端之间的距离。
clientWidth 获取对象的宽度，不计算任何边距、边框、滚动条，但包括该对象的补白。
clientX 设置或获取鼠标指针位置相对于窗口客户区域的 x 坐标，其中客户区域不包括窗口自身的控件和滚动条。
clientY 设置或获取鼠标指针位置相对于窗口客户区域的 y 坐标，其中客户区域不包括窗口自身的控件和滚动条。
clip 设置或获取定位对象的哪个部分可见。
clipBottom 获取对象剪裁区域的底边坐标。
clipLeft 获取对象剪裁区域的左边坐标。
clipRight 获取对象剪裁区域的右边坐标。
clipTop 获取对象剪裁区域的顶边坐标。
//绝对宽度
Obj.offsetWidth
//绝对高度
Obj.offsetHeight以下是获取窗口对象的宽高值。
clientHeight 获取对象的高度，不计算任何边距、边框、滚动条，但包括该对象的补白。
clientLeft 获取 offsetLeft 属性和客户区域的实际左边之间的距离。
clientTop 获取 offsetTop 属性和客户区域的实际顶端之间的距离。
clientWidth 获取对象的宽度，不计算任何边距、边框、滚动条，但包括该对象的补白。
clientX 设置或获取鼠标指针位置相对于窗口客户区域的 x 坐标，其中客户区域不包括窗口自身的控件和滚动条。
clientY 设置或获取鼠标指针位置相对于窗口客户区域的 y 坐标，其中客户区域不包括窗口自身的控件和滚动条。
clip 设置或获取定位对象的哪个部分可见。
clipBottom 获取对象剪裁区域的底边坐标。
clipLeft 获取对象剪裁区域的左边坐标。
clipRight 获取对象剪裁区域的右边坐标。
clipTop 获取对象剪裁区域的顶边坐标。
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
$("#JS_top_ment").width()理论上应该可以获取宽度的，即使是百分比。比如这段：
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>测试</title>
<style>
#div-ele {
width: 200px;
height: 200px;
background-color: lightgreen;
}
#JS_top_ment {
width: 50%;
height: 50px;
background-color: pink;
}
</style>
</head>
<body>
<div id="div-ele">
<div id="JS_top_ment"></div>
</div>
<script src="https://cdn.bootcss.com/jquery/1.12.3/jquery.js"></script>
<script type="text/javascript">
alert($("#JS_top_ment").width());
</script>
</body>
</html>
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
<style type="text/css">
#outside{width:200px;height:100px;border:1px solid #ccc;}
#inside{width:80%;height:80%;border:1px solid #c00;}
</style>
<div id="outside"><div id="inside">sdf</div></div>
<script src='jquery.min.js'></script>
<script>
alert(parseInt($('#inside').css('width'))*100/parseInt($('#outside').css('width'))+"%");
</script>
#outside{width:200px;height:100px;border:1px solid #ccc;}
#inside{width:80%;height:80%;border:1px solid #c00;}
</style>
<div id="outside"><div id="inside">sdf</div></div>
<script src='jquery.min.js'></script>
<script>
alert(parseInt($('#inside').css('width'))*100/parseInt($('#outside').css('width'))+"%");
</script>
本回答被网友采纳
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
<script type="text/javascript">
$(function(){
alert($(".wrap").width());
})
</script>
参数不是null啊
$(function(){
alert($(".wrap").width());
})
</script>
参数不是null啊
本回答被网友采纳
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
更多回答（3）
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
