Cách tránh lỗi kiểu chữ: Thuộc tính 'innerHTML' không tồn tại trên loại 'Element'

Question

Tôi đang cố gắng đặt một số HTML bên trong một div cụ thể. Khi tôi thử điều này trong bản in, tôi nhận được lỗi này: Property 'innerHTML' does not exist on type 'Element'. Về cơ bản, đây là đoạn code:

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

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

Thật ngạc nhiên, nó vẫn hoạt động khi Typescript biên dịch, nhưng tôi đang tự hỏi nếu nguyên cảo được đem lại cho tôi một lỗi, đúng cách để đi trên giao innerHTML trong trường hợp này là những gì?

Answer 1

Sử dụng một loại khẳng định để xoa dịu các trình biên dịch:

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

Answer 2

Trong các phiên bản tương lai của nguyên cảo, nó không phải là cần thiết để làm đúc. Tôi đã gửi một yêu cầu kéo để khắc phục vấn đề:

• 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

tôi đã cùng một vấn đề, giải quyết nó bằng cách tuyên bố nó như là:

myString = 'hello world'; 

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