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

哦了

©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

友情链接更多精彩内容