快速查找前端页面元素的对象类型

背景：

当我们开发时会遇到需要取出某个控件属性的需求，那么如何能知道某个控件的对象是什么呢？比如说我们常用的<a>标签，<link>标签，他它们分别对应的对象又是什么呢？

解决办法:

我们可以尝试着随便打开一个网页，这里以百度为例：

1.我们点击Elements，选中我们需要查看的标签，这里我选中的是<a>标签，选中之后你可以看见标签末端出现==$0，代表标签已选中

2.随后打开Console，输入console.dir($0)，将选中内容打印出来，最后按回车键执行：

3.双击展开a#aging-total-page，一直翻到结尾，Prototype属性后面跟着的就是<a>标签的对象类型，也就是HTMLAnchorElement

4.查看<link>标签也是如此：

5.由此可知，<a>标签和<link>标签对应的对象类型分别为：HTMLAnchorElement和HTMLLinkElement