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