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.
Experimentell: Dies ist eine experimentelle Technologie
Überprüfen Sie die Browser-Kompatibilitätstabelle sorgfältig vor der Verwendung auf produktiven Webseiten.
Die Eigenschaft containerTiming der Schnittstelle HTMLElement kennzeichnet das Element als Container-Wurzel für die Beobachtung durch die Container Timing API.
Die Eigenschaft containerTiming spiegelt den Wert des Attributs containertiming wider. Wird die Eigenschaft gesetzt, wird das Attribut hinzugefügt und das Element damit zur Container-Wurzel. Befindet sich das Element bereits im Dokument, tragen nur nachfolgende Rendering-Vorgänge zu seinen Zeitmessdaten bei.
Wert
Ein String. Wenn das Attribut nicht gesetzt ist, ist der Wert ein leerer String ("").
Beispiele
Wert von containerTiming protokollieren
In diesem Beispiel wird das <section>-Element durch Hinzufügen des Attributs containertiming als Container-Wurzel eingerichtet.
<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 Zeitmessdaten abrufen, finden Sie unter PerformanceContainerTiming.
Spezifikationen
| Spezifikation |
|---|
| Container Timing API # dom-htmlelement-containertiming |