bianco.query

Modern DOM query selectors helpers written in es2015

Usage no npm install needed!

<script type="module">
  import biancoQuery from 'https://cdn.skypack.dev/bianco.query';
</script>

README

bianco.query

Modern DOM query selectors helpers written in es2015

Usage

import $ from 'bianco.query'

const footer = document.querySelector('.main-footer')
const header = document.querySelector('.main-header')

// convert DOM nodes to arrays
$(footer)
  .concat($(header))
  .forEach(el => el.classList.add('fade-in'))

// handle DOM queries
$('h1', 'main').forEach(h1 => h1.classList.add('main-title'))

API

Table of Contents

$
- Parameters

$

Simple helper to find DOM nodes returning them as array like loopable object

Parameters

selector (string | DOMNodeList) either the query or the DOM nodes to arraify
ctx HTMLElement context defining where the query will search for the DOM nodes

Returns Array DOM nodes found as array