Jak uniknąć błędów maszynopisu: Właściwość 'innerHTML' nie istnieje w typie "Element"

Question

Próbuję umieścić kod HTML wewnątrz określonego elementu div. Kiedy próbuję tego w maszynopisie, pojawia się ten błąd: Property 'innerHTML' does not exist on type 'Element'. W zasadzie, jest to kod:

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

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

dziwo, to nadal działa, gdy maszynopisy kompiluje, ale zastanawiam się, czy maszynopis daje mi błąd, jaka jest właściwa droga na przypisanie innerHTML w tym przypadku?

Answer 1

użyć typu twierdzenie udobruchać kompilatora:

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

Answer 2

w przyszłych wersjach maszynopis, to nie powinno być konieczne, aby zrobić odlew. Wysłałem prośbę ciągnącego Aby rozwiązać ten problem:

• 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

Miałem ten sam problem, rozwiązać go deklarując je jako:

myString = 'hello world'; 

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