和其他人一样，我使用 Chrome DevTools 来检查 HTML 元素的属性。例如，如果我需要知道哪些属性附加到特定的 <DIV>我会这样做。
- 转到开发工具
- 打开元素面板
- 单击我要检查的 HTML DIV 元素
- 在右侧面板中单击“属性”选项卡
- 顶部列表将是 div.(classname)
- 单击该标签并查看属性
太棒了!我可以看到附加到该节点的所有属性并根据需要使用它们。
但在这之下还有 6 个我和可能很多其他人从未使用过的附加列表。它们似乎代表了 DOM hierarchy 的一部分.
- HTMLDiv元素
- HTML元素
- 元素
- 节点
- 事件目标
- 对象
问题:这些在建站时是否也有实际用途？我是不是错过了一些我可以用它们做的很酷的东西？它们仅供引用吗？感谢您的任何输入!
最佳答案
您有一个对象和接口(interface)类型列表，这与您声称没有多少人使用它们的说法相反。它们被广泛使用(尽管您甚至可能没有意识到)。
- 对象
在 JavaScript 中，一切都是对象。对象被赋予了基本的属性和方法，几乎所有其他对象都继承了这些属性和方法。
- 事件目标
是对作为被触发事件源的对象的特定引用。
- 节点
在 W3C 文档对象模型 API(很好的概述 here )中，特定的元素类型并不是最重要的。所有元素和属性(以及其他类型的标记，例如 DOCTYPE 和注释)通常称为“节点”，每个节点都有特定的属性(即 nodeName、nodeType、nodeValue 和方法)。 DOM API 倾向于将所有标记视为基本节点。此 API 以这种方式设计，因为它适用于 HTML，但也适用于 XML。
- 元素
是用于谈论任何 HTML 元素的通用术语。
- HTML元素
是一个“接口(interface)”，描述了您可以通过编程方式与实现该接口(interface)的任何对象进行交互的各种方式(就像所有 HTML 元素一样)。
- HTMLDiv元素
是一个更具体的接口(interface)，描述了 HTML DIV 元素应该为编程交互公开什么。
关于javascript - Devtools > Elements > Properties 中的附加 DOM 子类别是否有实际用途？，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/47891536/