@litejs/dom
v24.12.0
Published
A small DOM library for server-side testing, rendering, and handling of HTML files
Downloads
319
Maintainers
Readme
LiteJS DOM –
Dependency-free DOM library for handling HTML files on server-side.
import { document, DOMParser, XMLSerializer } from "@litejs/dom";
import { XMLHttpRequest } from "@litejs/dom/net.js";
// const { document } = require("@litejs/dom");
// Build DOM manually
const el = document.createElement("h1");
el.id = 123;
el.className = "large";
const fragment = document.createDocumentFragment();
fragment.appendChild(document.createTextNode("hello"));
el.appendChild(fragment);
// Replace the DOM tree with parsed HTML
el.innerHTML = "<b>hello world</b>";
el.toString();
// <h1 id="123" class="large"><b>hello world</b></h1>
// minify output
el.toString(true);
// <h1 id=123 class=large><b>hello world</b></h1>
el.querySelectorAll("b");
// [ "<b>hello world</b>" ]
// Use XMLHttpRequest in server side
const xhr = new XMLHttpRequest();
xhr.open("GET", "https://litejs.com");
xhr.responseType = "document";
xhr.onload = function() {
const doc = xhr.responseXML;
// Work with DOM in familiar way
console.log(doc.querySelector("title").textContent);
}
xhr.send();
Contributing
Follow Coding Style Guide,
run tests npm install; npm test
.
Copyright (c) 2014-2024 Lauri Rooden <[email protected]>
MIT License | GitHub repo | npm package | Buy Me A Tea