Javascript Devtools中附加的DOM子类别是否有实际用途>；元素>；财产？

和其他人一样，我使用ChromeDevTools检查HTML元素的属性。例如，如果我需要知道哪些属性附加到特定的

，我会这样做

去DevTools

打开“元素”面板

单击要检查的HTML DIV元素

在右侧面板中，单击“属性”选项卡

最上面的列表将是div.（classname）

单击该标签并查看属性

太棒了！我可以看到附加到该节点的所有属性，并根据需要使用它们

但下面是我和其他很多人从未使用过的6个附加列表。它们似乎代表了整个世界的一部分

• HTMLDivelment
• HTMLElement
• 元素
• 节点
• 事件目标
• 反对

---

问题：这些在建立网站时是否也有实际用途？我是否错过了一些我可以用它们来做的酷东西？它们只是供参考吗？谢谢你的意见

不要混淆标记名，如

和“htmldevelment”。第一个是创建文档结构的一部分，第二个是浏览器和脚本的接口

HtmlLevel接口提供特殊属性（超出 它还可以通过以下方式使用常规HtmleElement接口 继承）用于操作div元素

---

通过MDN或搜索，仔细阅读列表中其他人的描述

您有一个对象和接口类型列表，与您的断言相反，没有很多人使用它们。它们被广泛使用（尽管你可能还没有意识到）

• 反对

在JavaScript中，所有内容都是

对象

。对象被赋予了基本的属性和方法，实际上每个其他对象都继承了这些属性和方法

• 事件目标

是对作为被触发事件源的对象的特定引用

• 节点

在W3C文档对象模型API（nice概述）中，特定的元素类型不是最重要的。所有元素和属性（以及其他类型的标记，如DOCTYPE和comments）通常称为“节点”，每个节点都有特定的属性（即

nodeName

，

nodeType

，

nodeValue

和方法）。DOMAPI倾向于将所有标记视为基本节点。这个API是这样设计的，因为它既可以处理HTML，也可以处理XML

• 元素

是一个通用术语，用于谈论任何HTML元素

• HTMLElement

是一个“接口”，它描述了可以通过编程方式与实现该接口的任何对象进行交互的各种方式（就像所有HTML元素一样）

• HTMLDivelment

---

是一个更具体的接口，描述HTML

DIV

元素应为programattic交互公开的内容。

我删除了

devtools

标记，因为它是关于R的，而不是关于web的。这是继承链