Javascript不返回宽度

Question

我知道这完全是令人尴尬的事，但是今天我是个笨蛋！

为什么Javascript无法在此处返回宽度？

以下代码的输出是：

JQUERY说：500；

JAVASCRIPT说：（这就是问题。Javascript只返回NOTHING）

这是小提琴链接： https : //jsfiddle.net/w62zg76f/1/

更新：谢谢大家！ 解决方案是.offsetWidth当然

（我知道这会令人尴尬的:-)

<style>
#divA
{
  width: 500px;
}
</style>

<body>
<div id="divA">I'm a div. Get my width!</div>

<!-- Just for output -->
<p id=result></p>

<script>
$(document).ready(function()
{
  $("#result").html(
  "<br />JQUERY says: " + $("#divA").width() + 
  "<br />JAVASCRIPT says: " + document.getElementById("divA").style.width
  );

});
</script>

Answer 1

使用offsetWidth

$("#result").html(
"<br />JQUERY says: " + $("#divA").width() + 
"<br />JAVASCRIPT says: " + document.getElementById("divA").offsetWidth;
);

HTMLElement.offsetWidth

Answer 2

document.getElementById（“ divA”）。style.width返回未定义的值，必须使用offsetWidth

 $(document).ready(function(){ $("#result").html( "<br />JQUERY says: " + $("#divA").width() + "<br />JAVASCRIPT says: " + document.getElementById("divA").offsetWidth ); });

 #divA{ width: 500px; }

 <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> <div id="divA">I'm a div. Get my width!</div> <!-- Just for output --> <p id=result></p>

Answer 3

您应该使用.offsetWidth和.offsetHeight属性。 请注意，它们属于元素，而不是.style 。

"<br />JAVASCRIPT says: " + document.getElementById("divA").offsetWidth;

Answer 4

请改用document.getElementById（“ divA”）。offsetWidth。

Javascript不返回宽度

问题描述

4 个解决方案

解决方案1
2 2017-01-24 14:21:00

解决方案2
2 已采纳 2017-01-24 14:22:09

解决方案3
1 2017-01-24 14:21:05

解决方案4
1

Javascript不返回宽度

问题描述

4 个解决方案

解决方案1 2 2017-01-24 14:21:00

解决方案2 2 已采纳 2017-01-24 14:22:09

解决方案3 1 2017-01-24 14:21:05

解决方案4 1

解决方案1
2 2017-01-24 14:21:00

解决方案2
2 已采纳 2017-01-24 14:22:09

解决方案3
1 2017-01-24 14:21:05

解决方案4
1