JSFiddle - React, Tailwind, and code Playground

by Alexander

JavaScript

console.clear();


const nullDomElement = o =>
(
	o = document.createDocumentFragment(),
  o.querySelector = s => nullDomElement({}),
  o.qs = o.querySelector,
  o.closest = s => nullDomElement({}),
  o.matches = s => false,
  o.getElementsByName = s => [],
  o
);

const qs = (s,o=document,r) =>
(
	r = o.querySelector(s),
  r != null ? r : nullDomElement({})
);


const d = qs('div');

console.log( d.innerHTML );
console.log( d.src );
console.log( d.href );
console.log( d.querySelector('.foo') );
console.log( Array.from(d.querySelectorAll('.foo')).map(x=>x) );
console.log( d.querySelector('.foo').querySelector('li') );
console.log( d.querySelector('.foo').querySelector('li').className );
console.log( d.getElementsByName('age') );