Interactive playground

@lukeed/html JavaScript Library Demos

Download Back To CSSScript.Com

Parse a fragment, explore its tree, find nodes with CSS selectors, and edit the result. Every change is yours to inspect.

Loading HTML parser modules…
01

The source

INPUT / HTML
02

Find & inspect

DOCUMENT TREE
NODE INSPECTORdocument




03
Make a change
Target: document


For “Move”, enter a CSS selector in Value.
Select a node in the tree or query results to choose your target.


04
The result
STRINGIFY / DOCUMENT
Source offsets refer to the original input. Inserted nodes may have no source position.