TS 中的 类型断言 及 获取dom类型 小技巧

570 阅读1分钟

1. as 方式

// dmo方式 HTMLAnchorElement 是 HTMLElement 的子类型 
const a = document.querySelector("a") as HTMLAnchorElement;
// js 
let someValue: any = "this is a string"; 
let strLength: number = (someValue as string).length;

2. <> 语法

// dmo方式 HTMLAnchorElement 是 HTMLElement 的子类型 
let someValue: any = "this is a string";
let strLength: number = (<string>someValue).length;

// js 方式
const a = <HTMLAnchorElement>document.querySelector("a");

Dom元素 类型获取方式

在浏览器控制台,通过 console.dir() 打印 DOM 元素,在属性列表的最后面,即可看到当前元素的类型

image.png

image.png