naturalWidth - 屬性'naturalWidth'在類型'HTMLElement'上不存在

Question

我試圖訪問打印機中的「naturalWidth」，但是如果出現編譯錯誤或者我在「naturalWidth」下面出現紅線。因爲$（「＃contentImg」）。height（））在JavaScript和TypeScript中爲我返回0我不能操作圖像。圖像大小不一。如果我用javascript做它很好。我努力了;

document.getElementById('contentImg').naturalWidth; 
    $("#contentImg")[0].naturalWidth. 

這適用於JavaScript，但不適用於TypeScript。有沒有辦法獲得自然的寬度/高度？

Answer 1

document.getElementById返回HTMLElement，它缺少naturalWidth屬性。
什麼你要找的是HTMLImageElement它確實有這個naturalWidth property：

let image = document.getElementById('contentImg') as HTMLImageElement; 
console.log(image.naturalWidth); // should be valid