HTMLElement: containerTiming-Eigenschaft
Eingeschränkt verfügbar
Diese Funktion ist nicht Baseline, da sie in einigen der am weitesten verbreiteten Browser nicht funktioniert.
Want more browser support for this feature? Tell us why.
Die containerTiming-Eigenschaft der HTMLElement-Schnittstelle kennzeichnet das Element als Container-Root für die Beobachtung mit der Container Timing API.
Die containerTiming-Eigenschaft spiegelt den Wert des containertiming-Attributs wider. Wenn Sie die Eigenschaft setzen, wird das Attribut hinzugefügt und das Element zum Container-Root. Befindet sich das Element bereits im Dokument, tragen nur nachfolgende Paints zu seinen Timing-Daten bei.
Wert
Ein String. Wenn das Attribut nicht gesetzt ist, ist der Wert der leere String ("").
Beispiele
Den Wert von containerTiming protokollieren
In diesem Beispiel wird das <section>-Element durch Hinzufügen des containertiming-Attributs zum Container-Root.
<section containertiming="hero" id="hero-section">
<!-- ... -->
</section>
Anschließend können Sie die Eigenschaft auslesen und ihren Wert protokollieren:
const el = document.getElementById("hero-section");
console.log(el.containerTiming); // "hero"
Beispiele dafür, wie Sie mit der Container Timing API Timing-Informationen abrufen, finden Sie unter PerformanceContainerTiming.
Spezifikationen
| Spezifikation |
|---|
| Container Timing API # dom-htmlelement-containertiming |