Property ‘style‘ does not exist on type ‘Element‘.

项目环境

vue2.0 + TS

需求简介

滑动一段距离，出现ICON，原生JS获取滑动距离，动态添加style

问题复现

// 会报 Property 'style' does not exist on type 'Element'. 
document.getElementsByClassName("floatBox")[0].style.display = "block";

解决方案

let float = <HTMLElement>document.getElementsByClassName("floatBox")[0];
float.style.display = "block";

总结

原因：这是typescript的类型检查导致的，需要加个类型断言。