Javascript 如何获得div的准确宽度和高度

Javascript 如何获得div的准确宽度和高度,javascript,jquery,html,Javascript,Jquery,Html,这里我要问两个问题 如何获得div的确切宽度 代码: $(文档).ready(函数(){ $(“按钮”)。单击(函数(){ 警报(“div的宽度:+$(“#a”).Width(); }); }); 显示div的宽度 在这里我被宣布为。。父div width是1000如果我使用$(“#a”)。width()函数我将得到我在该div上提到的1000。但是如何使用$(“#a”)以及相同的高度来获得确切的使用宽度(300)?您的“a”是1000px-因为您希望div的宽度在“a”之内,您需要使用:

这里我要问两个问题

如何获得div的确切宽度

代码:


$(文档).ready(函数(){
$(“按钮”)。单击(函数(){
警报(“div的宽度:+$(“#a”).Width();
});
});

显示div的宽度
在这里我被宣布为。。父div width是1000如果我使用$(“#a”)。width()函数我将得到我在该div上提到的1000。但是如何使用$(“#a”)以及相同的高度来获得确切的使用宽度(300)?

您的“a”是1000px-因为您希望div的宽度在“a”之内,您需要使用:

$("#a div").width()

或者如果您可以有多个div,那么使用:first(或其他选择器)

您可以使用
attr
方法,如

$("button").click(function(){
    alert("Width of div: " + $("#a div").attr("width"));
  });

尝试在jquery中使用链接

$("#a div").width()

Use可以使用此代码获取div内的高度和宽度div

$(文档).ready(函数(){
$(“按钮”)。单击(函数(){
警报(“div宽度:+$(“#a div”).Width();
警告(“div的宽度:+$(“#a div”).height());
});

});如果您只有两个div,那么为什么不将id也分配给第二个div呢

<div id="a" style="width:1000px;height:500px;">
<div id="b" style="height:100px;width:300px;padding:10px;margin:3px;border:1px solid blue;background-  color:lightblue;">
</div>
</div>

而且,准确地说,
width
属性在发布的html中使用在哪里?您好,谢谢您的回复。。但我认为这不是一个通用的解决方案。。如果他们使用超过div,我们如何才能找到确切的宽度。。同样,遍历它也不是一个泛型,这就是为什么我明确提到,如果您只有div,那么您可以使用这种方法。
<div id="a" style="width:1000px;height:500px;">
<div id="b" style="height:100px;width:300px;padding:10px;margin:3px;border:1px solid blue;background-  color:lightblue;">
</div>
</div>
var width = $('#b').attr("width");
var height = $('#b').attr("height");