DOM & HTML Web API Demonstrations
Browser-native interactive demonstrations for DOM & HTML. 100% client-side execution â zero external JS libraries required.
DOM Parser
Parse XML or HTML string templates into DOM Document objects using DOMParser.
HTML Sanitizer
Sanatize untrusted HTML strings before insertion into the DOM using the native Sanitizer API.
Trusted Types
Enforce safe HTML, script, and URL assignment to prevent Cross-Site Scripting (XSS).
Document Fragment
Construct lightweight, off-screen DOM subtree nodes for high-performance DOM manipulation.
Range API
Represent a fragment of a document that can contain nodes and parts of text nodes.
Selection API
Inspect and manipulate the range of text selected by the user in the document.
TreeWalker
Traverse nodes of a DOM subtree using specified node types and filter conditions.
NodeIterator
Iterate sequentially over a filtered list of DOM nodes in document order.
Mutation Observer
Watch for structural and attribute changes made to the DOM tree.
Intersection Observer
Asynchronously observe changes in the intersection of a target element with a ancestor or viewport.
Resize Observer
Observe changes to an Element's content or border box dimensions.
Element Visibility
Check element bounding rectangle visibility and viewport placement.