在使用queryselector获取一个dom元素,编译时却报错说Property 'style' does not exist on type 'Element'。
原因:这是typescript的类型检查导致的,需要在querySelector方法前面加个类型断言。
let frameContainObj = document.getElementById("model-view-container")
let iframeObj= <HTMLElement>frameContainObj.querySelector("#model-view");
iframeObj.style.height = document.documentElement.clientHeight* 0.65 + "px";
扩展:当使用querySelectorAll时,可以采用如下方案:
let menuItem= document.querySelectorAll(".menu-item") as NodeListOf<HTMLElement>;
const elements = document.querySelectorAll(".menu-item dd") as NodeListOf<HTMLElement>;
for (let i = 0; i < elements.length; i++) {
if (status) {
(elements[i].style as any).display = "block";
} else {
(elements[i].style as any).display = "none";
}
}