@steelwhite/dom-parser
v1.0.3
Published
A browser-compatible DOMParser implementation for Node.js and other JS runtimes.
Maintainers
dmitrigbReadme
@steelwhite/dom-parser
A browser-compatible implementation of the DOMParser API for Node.js and other JS runtimes, focused on document traversal and manipulation (not layout/rendering).
The actual parsing of HTML and XML is delegated to the excellent parse5 and htmlparser2 libraries respectively.
CSS selector queries are performed using
@asamuzakjp/dom-selector which has comprehensive support for CSS Selectors Level 4 (:is(), :not(), :where(), :has() etc).
import { DOMParser } from '@steelwhite/dom-parser';
const doc = new DOMParser().parseFromString(
`<!DOCTYPE html><ul class="list">
<li data-id="1">One</li>
<li class="active" data-id="2">Two</li>
</ul>`,
'text/html',
);
doc.querySelector('li.active')?.textContent; // "Two"
doc.querySelectorAll('ul.list > li').length; // 2
doc.querySelector('[data-id="2"]')?.closest('ul')?.className; // "list"Scope
This library deliberately implements the document model — the parts of the
DOM concerned with structure, traversal, querying and mutation. Layout- and
rendering-related APIs (getBoundingClientRect, offsetWidth, scrollTop,
getComputedStyle, event dispatching, etc.) are intentionally not included.
The library comes with its own set of Document, Element, Node and related classes.