naturalWidth - Eigenschaft 'naturalWidth' existiert nicht beim Typ 'HTMLElement'

Question

Ich versuche auf "naturalWidth" in typescript zuzugreifen, aber wenn ich einen Kompilierfehler bekomme oder bekomme ich eine rote Linie unter "naturalWidth". Weil $ ("# contentImg"). Height()) für mich in JavaScript und TypeScript 0 zurückgibt, kann ich das Bild nicht manipulieren. Das Bild variiert in der Größe. Wenn ich es in Javascript mache, ist es in Ordnung. Ich habe versucht;

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

Dies funktioniert in JavaScript, aber nicht in TypeScript. Gibt es eine Möglichkeit, die natürliche Breite/Höhe zu erhalten?

Answer 1

Die document.getElementById gibt eine HTMLElement zurück, der die naturalWidth Eigenschaft fehlt.
Was Sie suchen ist die HTMLImageElement, die diese naturalWidth property hat:

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