TypeScript 05 类型断言(可用来获得页面标签属性)

205 阅读1分钟

1 . 类型断言 :

如 : a标签 < a href="..." id="link"> </ a> , 想要获得该元素 , 可以 alink = document.getElementById(' link ') ; 而此时要想获得 a 标签的 href 属性 , 直接 alink . href 是获得不了的 ,因为 alink 的类型为 HTMLElement , 该类型只包含所有标签的公共的属性和方法 , 不包含 a 标签特有的href属性 。 这就需要使用类型断言来指定更加具体的类型 。

2 . 类型断言的方法 :

0397.png

使用 as 关键字 , 关键字 as 后面跟一个更加具体的类型 ,HTMLAnchorElement 是 HTMLElement 的子类型 !!

3 . how to know 标签的具体类型

可在浏览器页面中 , 选中该元素 ,并在控制台 console.dir($0) 来打印 DOM 元素 。