使用typescript操作dom时，不论是使用getElementById，querySelector或者其他的方式获取dom，获取到的元素的类型都是很宽泛的
2021-04-06 (2).png
比如将鼠标放在img上，显示img元素的属性是HTMLElement，在访问img元素的src属性时，编辑器就直接报错了，
Snipaste_2021-04-06_10-55-22.png
这是因为无法根据 id 来确定元素的类型，所以，该方法就返回了一个宽泛的类型：元素（Element）类型，根据id获取的就如此，更别说通过其他方式获取的了，不同的就是宽泛的元素类型不同而已。
这时，就需要使用“类型断言”来手动添加一个更具体的类型
语法：
值 as 类型
如：
let img = document.getElementById("image") as HTMLImageElement
这个时候就能访问到src属性了
Snipaste_2021-04-06_11-05-42.png
确定具体类的方法
- 使用console的dir方法打印出该元素
dir.png
控制台查看console，展开，查看proto属性值就能确定了
img.png
proto.png
哦了
网友评论