Javascript 不返回宽度

Question

我知道这会很尴尬，但我今天是个笨蛋!

为什么 Javascript 在这里不返回宽度？

下面代码的输出是:

JQUERY 说:500；

JAVASCRIPT 说:(这就是问题所在。Javascript 只返回 NOTHING)

这是 fiddle 链接:https://jsfiddle.net/w62zg76f/1/

更新:谢谢你们! 解决方案当然是 .offsetWidth

(我就知道这会很尴尬:-)

$(document).ready(function(){

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

});

#divA{
  width: 500px;
}

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

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

Answer 1

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>