outerWidth和outerHeight无法正常工作

Question

有谁能告诉我，为什么这不起作用？它给了我“未定义”值而不是真值。

function myFunction() {
  var w = document.getElementById("try").outerWidth;
  var h = document.getElementById("try").outerHeight;
  document.getElementById("demo").innerHTML = "Width: " + w + "<br>Height: " + h;
}

<button onclick="myFunction()" id="try">Try it</button>
<p id="demo"></p>