ViewTransition: ÜbergangRoot-Eigenschaft
Eingeschränkt verfügbar
Diese Funktion ist nicht Baseline, da sie in einigen der am weitesten verbreiteten Browser nicht funktioniert.
Want more 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 transitionRoot schreibgeschützte Eigenschaft der ViewTransition-Schnittstelle ist eine Referenz auf das root Element des Bereichs der View Transition.
Wert
Ein Element.
- Für dokumentenbasierte View Transitions ist
transitionRooteine Referenz auf dieDocument.documentElement-Eigenschaft, die für standardmäßige Web-Dokumente eine Referenz auf das<html>-Element ist. - Für element-basierte View Transitions ist
transitionRooteine Referenz auf dasElement, auf dasstartViewTransition()aufgerufen wurde, um die View Transition zu erstellen.
Beispiele
Grundlegende Verwendung
Dieser Ausschnitt zeigt, wie transitionRoot verwendet wird, um eine Referenz auf das Element abzurufen, auf dem die View Transition erstellt wurde.
js
const myElement = document.querySelector(".my-element");
// ...
function handleVT() {
const vt = myElement.startViewTransition(() => {
updateDOMSomehow();
});
// ...
// Returns reference to myElement
vt.transitionRoot;
}
Spezifikationen
| Spezifikation |
|---|
| CSS View Transitions Module Level 2 # dom-viewtransition-transitionroot |