讀取圖片的寬與高

javascript 必須在圖片展現之後，才能讀取圖片的寬與高。

範例解說：
1. 使用 getElementById 取得圖片的物件。
2. 由圖片物件可以讀取寬（o.width）與高（o.height），參見 IMG。
3. 最後設定 style 物件；將 display 設為 none；這樣圖片就會隱藏起來。

<img id='pic1' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjpYA549yz9MS8WE3TorQMGpoPgrqOUQYQzr0UHO5GnBgWzJjbXbZ-07pqxAUoNnsZMMHDidRLuHtdnAO9p3Iy26qtMYxQiyOqnPRzWKQfswwUOSPvfJ9sz1ideHxDOcjgbBM32jfo6ixI/s200/shape.jpg' /> <script type='text/javascript'> var o=document.getElementById('pic1'); document.write( '寬：'+ o.width +' / 高：'+ o.height ); o.style.display='none'; </script>

• 程式用法：

  <img id='pic1' 
    src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjpYA549yz9MS8WE3TorQMGpoPgrqOUQYQzr0UHO5GnBgWzJjbXbZ-07pqxAUoNnsZMMHDidRLuHtdnAO9p3Iy26qtMYxQiyOqnPRzWKQfswwUOSPvfJ9sz1ideHxDOcjgbBM32jfo6ixI/s200/shape.jpg' />
  
  <script type='text/javascript'>
  var o=document.getElementById('pic1');
  document.write( '寬：'+ o.width +' / 高：'+ o.height  );
  o.style.display='none';
  </script>
  

• 執行結果：

  寬：0 / 高：0