Come evitare l'errore di dattiloscritto: La proprietà 'innerHTML' non esiste sul tipo 'Elemento'

Question

Sto provando a inserire un codice HTML all'interno di un div specifico. Quando provo questo in dattiloscritto ottengo questo errore: Property 'innerHTML' does not exist on type 'Element'. Fondamentalmente, questo è il codice:

document.body.innerHTML = '<div id="myDiv"><div>' 

let myContainer = document.querySelector("#myDiv"); 
myContainer.innerHTML = '<h1>Test</h1>'; 

Sorprendentemente, funziona ancora quando dattiloscritti compila, ma mi chiedo se dattiloscritto mi sta dando un errore, qual è il modo giusto per andare avanti assegnando innerHTML in questo caso?

Answer 1

utilizzare un tipo di asserzione per placare il compilatore:

let myContainer = <HTMLElement> document.querySelector("#myDiv"); 
myContainer.innerHTML = '<h1>Test</h1>'; 

Answer 2

Nelle versioni future di dattiloscritto, non dovrebbe essere necessario fare il casting. Ho inviato una richiesta di pull per risolvere il problema:

• error: Property 'innnerHTML' does not exist on type 'Element' (https://github.com/Microsoft/TypeScript/issues/5754)
• https://github.com/Microsoft/TSJS-lib-generator/pull/35

Answer 3

ho avuto lo stesso problema, risolto dichiarando come:

myString = 'hello world'; 

var el: HTMLElement = document.getElementById('id_of_element'); 
el.innerHTML = myString;