網站搜尋

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


我正在嘗試在 TypeScript 中訪問 "naturalWidth",但是如果我獲得編譯錯誤或者 "naturalWidth" 底下有紅線。因為 \$("#contentImg").height() 在 JavaScript 和 TypeScript 中返回 0,所以我無法操作圖像。圖像的大小各不相同。如果我在 JavaScript 中操作則沒問題。我已經嘗試過;

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

這在 JavaScript 中可行,但在 TypeScript 中不行。有辦法取得 naturalWidth/Height 嗎?

答案#1

document.getElementById 返回一個缺少 naturalWidth 屬性的 HTMLElement。
你要找的是具有這個 naturalWidth 屬性的 HTMLImageElement:

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