Typescript：プロパティ 'src'が 'HTMLElement'タイプに存在しません

Question

Typescriptからエラーが発生しましたが、修正方法がわかりません。コードは "コンパイルされた"ときに正常に動作しますが、エラーを修正することはできません。私は自分のコードからエラーを含む部分を抽出しました。私はsrcを事前定義する必要があるとは思うが、どうしたらよいかわからない。エディタで

エラーmsgとガルプでコンパイル：

「プロパティ 'srcが' タイプに存在しません「HTMLElement'.atライン53 COL 17"

... 

element:HTMLElement; /* Defining element */ 

''' 
this.element = document.createElement('img'); /*creating a img*/ 

''' 

です要素、位置、上と左をすべてレンダリングするために実行するメソッドは、エラーを出すことなく実行されます。

display() { 
    this.element.src = this.file; /*This is the line that gives the error*/ 
    this.element.style.position = "absolute"; 
    this.element.style.top = this.pointX.toString() + "px"; 
    this.element.style.left = this.pointY.toString() + "px"; 

    document.body.appendChild(this.element); 
}; 

Answer 1

srcはHTMLElementタイプのプロパティではなく、HTMLImageElementです。

あなたが特定されている場合は、img要素を得るでしょう、あなたは正しいサブタイプを使用して変数を宣言することがありますが：

element: HTMLImageElement; /* Defining element */ 

// ... 

this.element = document.createElement('img'); /*creating a img*/ 

また、あなたは何document.createElementリターンを見てしたい場合があります。引数に"img"を指定すると、まったく同じ型です。属性セット法による

(<HTMLImageElement>document.querySelector(".company_logo")).src 

Answer 2

あなたがsrc性質を持っているHTMLImageElement、としてそれを宣言する必要があります。

Answer 3

。

Answer 4

document.getElementById('img').setAttribute('src', 'data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUAAAAFCAYAAACNbyblAAAAHElEQVQI12P4//8/w38GIAXDIBKE0DHxgljNBAAO9TXL0Y4OHwAAAABJRU5ErkJggg=='); 

セットソース：鋳物を使用して

Answer 5

@ whereDatApp.comのようなキャストを使用すると、私の仕事がうまくいっています。このようなクエリセレクタを使用：

querySelector("img[name='menubanner']")