在Devtools> Elements> Properties中是否有其他DOM子类别的实际用途？

Question

像其他人一样，我使用Chrome DevTools来检查HTML元素的属性。例如，如果我需要知道哪些属性附加到特定的<DIV>，我会这样做。

1. 转到DevTools
2. 打开“元素”面板
3. 单击我要检查的HTML DIV元素
4. 在右侧面板中，单击“属性”选项卡
5. 顶部列表将是div。（classname）
6. 单击该标签并查看属性

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

但是在这之下是我和其他许多人从未使用过的6个额外列表。它们似乎代表了DOM hierarchy的一部分。

• HTMLDivElement
• HTML元素
• 元件
• 节点
• 事件目标
• 宾语

问题：构建网站时这些是否也有实际用途？我错过了一些我可以使用它们的东西吗？它们仅供参考吗？感谢您的任何意见！