typescript类型断言/typescript无法操作某个元素特有属性

使用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

哦了