LargestContentfulPaint.element

The element read-only property of the LargestContentfulPaint interface returns an object representing the Element that is the largest contentful paint.

Value

An Element.

Examples

The following example gets the LargestContentfulPaint object and prints the value of element to the console.

try {
  let lcp;

  const po = new PerformanceObserver((entryList) => {
    const entries = entryList.getEntries();
    const lastEntry = entries[entries.length - 1];
    console.log(lastEntry.element);
  });

  po.observe({type: 'largest-contentful-paint', buffered: true});

} catch (e) {
  // Do nothing if the browser doesn't support this API.
}

Specifications

Specification
Unknown specification
# dom-largestcontentfulpaint-element

Browser compatibility

BCD tables only load in the browser