最大内容绘制：元素属性

element 是 LargestContentfulPaint 接口的只读属性，它返回一个表示最大内容绘制的 Element 的对象。

值

一个 Element。

示例

记录最大内容绘制元素

此示例使用 PerformanceObserver 通知新的 largest-contentful-paint 性能条目，因为它们被记录在浏览器的性能时间轴中。buffered 选项用于访问观察者创建之前的条目。

js
const observer = new PerformanceObserver((list) => {
  const entries = list.getEntries();
  const lastEntry = entries[entries.length - 1]; // Use the latest LCP candidate
  console.log(lastEntry.element);
});
observer.observe({ type: "largest-contentful-paint", buffered: true });

规范

规范
最大内容绘制
# dom-largestcontentfulpaint-element

浏览器兼容性

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