Sofia Emelianova
使用元素 > 属性窗格浏览和过滤 DOM 对象的属性。
打开“属性”窗格
如需打开 Properties 窗格，请按以下步骤操作：
- 打开开发者工具。默认情况下，系统会打开元素面板。
- 在 DOM 树中，选择一个节点。
- 打开属性标签页。如果您看不到该标签页，请点击更多
，然后从下拉菜单中选择该标签页。
发现自己的房源
Properties 窗格首先以粗体显示对象自身的属性，并显示其属性。
查找继承属性的来源
Properties 窗格会评估内置元素上的访问器，并在对象上将它们显示为“已继承”并以常规字体显示。
如需查找继承属性的来源，请展开对象，然后展开对象 [[Prototype]]，接着展开嵌套的 [[Prototype]]，以此类推。
在本例中，您可以通过在原型链上找到原始的自有（粗体）属性以及对应的 getter 来跟踪继承的 size 属性的来源。
此外，特定于原型的属性仅在原型上显示，而不会在对象上显示。这样可以更轻松地诊断对象。
过滤媒体资源
要快速查找属性，请先在过滤条件文本框中输入其名称或值。
显示所有属性
默认情况下，Properties 窗格不显示具有 null 和 undefined 值的属性。
要查看所有房源，请选中全部显示。
了解属性
元素 > 属性窗格会显示各种属性。
简单属性
简单属性是一对 <name>: <value>。
对象和数组
可折叠 (
) 属性是对象 {} 或数组 []。
如需详细了解如何检查 JavaScript 对象，请参阅检查对象属性。
与 DOM 节点对应的属性
与 DOM 节点对应的属性是链接。点击链接即可选择 DOM 树中的相关节点。
拥有的属性和继承的属性
以粗体显示的属性是对象自身的属性。它们是直接在对象上定义的。
常规字体的属性继承自原型链。为了向您显示这些结果，开发者工具会评估内置 HTML 元素的相关访问器。
开发者工具首先会对您的属性进行排序，以便于识别。
可枚举和非枚举属性
可枚举属性的颜色是明亮的。非枚举属性会静音。
您可以使用 for … in 循环或 Object.keys() 方法遍历可枚举属性。
方法
方法标有 f ()。
如需详细了解函数，请参阅通过控制台检查函数。