Elie Grenon elie-g

createElement.js

createElement.js lets document.createElement use CSS selectors.

This is a pretty useful library for building out DOM elements. The whole thing runs on one regex and a for loop, so it’s plenty fast. The script is 300 bytes when compressed and gzipped. For 524 bytes (advanced), it includes nesting support and can generate entire DOM hierarchies, including text nodes.

Usage

document.createElement(); // generates <div />

	<!DOCTYPE html>
	<html lang="en">
	<head>
	<title>Chrono</title>
	<style>
	/<![CDATA[/
	@import url("https://fonts.googleapis.com/css2?family=Inconsolata:wght@300&display=swap");

	body {
	background-color: #222;

	The Linux console implements a large subset of the VT102 and
	ECMA-48/ISO 6429/ANSI X3.64 terminal controls, plus certain private-
	mode sequences for changing the color palette, character-set mapping,
	and so on. In the tabular descriptions below, the second column
	gives ECMA-48 or DEC mnemonics (the latter if prefixed with DEC) for
	the given function. Sequences without a mnemonic are neither ECMA-48
	nor VT102.

	After all the normal output processing has been done, and a stream of
	characters arrives at the console driver for actual printing, the

Elie Grenon elie-g

createElement.js

Usage

Chrome Snippets