LayoutShiftAttribution: 节点属性

实验性:这是一个实验性技术
在生产环境中使用之前,请仔细查看浏览器兼容性表

LayoutShiftAttribution 接口的node 只读属性返回一个Node,表示已发生偏移的对象。

一个Node

示例

以下示例将 LayoutShift.sources 中第一个项目的 node 打印到控制台。

js
new PerformanceObserver((list) => {
  for (const { sources } of list.getEntries()) {
    if (sources) {
      console.log(sources[0].node);
    }
  }
}).observe({ type: "layout-shift", buffered: true });

规范

规范
布局不稳定性
# dom-layoutshiftattribution-node

浏览器兼容性

BCD 表仅在启用 JavaScript 的浏览器中加载。