brsrkr v0.1.1

BRSRKR

Tiny Javascript HTML and DOM manipulation library, encapsulation style.

Install

npm i brsrkr

Usage

// Get HTML
$('#app').html()

// Insert HTML
$('#app').html('<div>Before</div>')

// Insert HTML before element
$('#app').html('<div>hello</div>', 'before')

// Insert HTML after element
$('#app').html('<div>hello</div>', 'after')

// Insert HTML at top of element
$('#app').html('<div>hello</div>', 'top')

// Insert HTML at end of element
$('#app').html('<div>hello</div>', 'end')

// Get text
$('#app').text()

// Insert text
$('#app').text('hello')

// Query DOM, uses callback
$('#app', el => el.textContent = 'hello')

// Function body applies to all matches
$('li', el => {
  el.style.color = 'yellow'
  el.textContent = 'hello'

  // Can use brsrkr here too
  $(el).html('<span>Nice!</span>')

  // Query only inside el
  $('span', el, span => {
    span.style.display = 'none'
  })
})

// Find all span inside '#el'
$('span', '#el', span => {
  span.style.opacity = 1
})

// Get by index
$('li').get(0)

// Get number of matches
$('li').length

ISC licensed. Enjoy!