web api instance property
ViewTransition: transitionRoot property
Limited availability
The transitionRoot read-only property of the ViewTransition interface is a reference to the root Element of the view transition scope.
Value
An Element.
- For document-scoped view transitions,
transitionRootis a reference to thedocumentElementproperty, which for standard web documents is a reference to the<html>element. - For element-scoped view transitions,
transitionRootis a reference to theElementthatstartViewTransition()was called on to create the view transition.
Examples
Basic usage
This snippet shows how to use transitionRoot to retrieve a reference to the element the view transition was created on.
const myElement = document.querySelector(".my-element");
// ...
function handleVT() {
const vt = myElement.startViewTransition(() => {
updateDOMSomehow();
});
// ...
// Returns reference to myElement
vt.transitionRoot;
}
Specifications
SpecificationsStandards references are available on the canonical MDN page.
Browser compatibility
Browser compatibilityCompatibility data is available on the canonical MDN page.