fp-dom

FP-DOM

A container module to group lots of simple functional tools. This package only re-export all of the fp-dom tools found here.

Usage

All packages are re-exported without the fd- prefix. Some packages, fd-select, fd-class exports more than one function and are also available in the root level of fp-dom.

Import all package at once

import * as fpdom from 'fp-dom';

// use any module: 

let appendtoBody = fpdom.append(document.body),
  h1 = fpdom.elem('h1','meow'),
  h2 = fpdom.elem('h2', 'bow');

appendtoBody(h1);
fpdom.replace(document.body,h2,h1);


let foo = fpdom.select(document)('.foo');  // array of .foo elements
let bar = fpdom.selectOne(document)('.bar'); // first .bar element

Import some packages

import { animate, append, listen, select, velem } from 'fp-dom';

// use them directly

let onClick = listen('click');
let onClickSetClicked = onClick((event) => {
  event.target.innerHTML = 'clicked';
});

onClickSetClicked(select('.link'));

Requires in ES5

You can still use ES5 modules to require some or all modules.

var fpdom = require('fp-dom');

var selectOne = require('fp-dom').selectOne;
var replace = require('fp-dom').replace;

Included modules

• fd-animate
• fd-append
• fd-class exports: addClass / removeClass / toggleClass / hasClass
• fd-contains
• fd-elem
• fd-insert-after
• fd-insert-before
• fd-interval
• fd-isdom
• fd-isVdom
• fd-listen
• fd-prepend
• fd-replace
• fd-select exports: select / selectOne
• fd-setattr
• fd-timeout
• fd-velem