img.height vs img.style.height有什麼區別？

if(items[0].height > 700 || items[0].width > 700){ 
    items[0].style.height = "700px"; 
    items[0].style.width = "700px"; 
}

當我用帆布試圖裁剪圖像打我注意到，協調我把它給作物不切割來調整一些圖片，我期望的。

我打算假設img.style.height只改變顯示屬性，而img.height則改變img的實際尺寸？還是他們做同樣的事情？

img.height指元件上的高度屬性，img.style.height指

（在CSS等）定義爲一個風格的高度爲

img.height會20.

對於

<img id="example" style="height:20">

img.style.height將會是20.如果你設置的風格通常更好，以便更喜歡使用風格，並將硬件高度作爲屬性進行硬編碼。所以在這種情況下，可能會在圖像上設置一個類並將高度放在CSS中。

如果您正在閱讀的風格，img.height將返回實際高度再好的設置，所以它更安全。

2013-03-27 15:39:37

我發現的主要區別（除了@ ben336描述的屬性的性質）在他們可以表示的東西。

img.height將始終代表像素高度。這隻適用於HTML5，這是我猜你正在使用基於您的標籤。早期版本的HTML允許通過img.height指定百分比和像素，這使得我的觀點沒有意義。在另一方面
```
img.height = 20; // Always means 20 pixels. 
```

img.style.height將代表像素或作爲百分比原始尺寸的高度任一。

img.style.height = 20px; // 20 pixels in height;

或

img.style.height = 20%; // 20% of original height.

2013-03-27 15:47:51 exxodus7

回答