huk-browserify

0.0.1 • Public • Published

huk

Generate HTML code in javascript simply with this module using browserify.

npm install huk-browserify
var $ = require('huk');

var button = $.button('Click!');
$()
  .header({ 'class': 'foo' }, 'Header')
  .footer({ id: 'bar' })
  .appendTo(domElement)
;

create an element

simple element

// $.<HTMLTagName>(<Attributes>, <Content>);

// creating only with attributes
// attributes are just simple Object key-value pairs
$.b({ id: 'foo' });

// if the first argument isn't an Object it will be the content
// content can be a String/Number/DOM element
$.i('bar');

// first argument are the attributes
// second argument is the content
$.strong({ id: 'foo' }, 'bar');

multiple element

$()
  .header('foo')
  .section('bar')
  .footer('BOO')
.appendTo(domElement);
  • .appendTo(domElement), .prependTo(domElement): Use them at the and of the chain
  • .text(String): creating a text node
  • .customElement(elementName, attributes, content): creating a custom element

Readme

Keywords

none

Package Sidebar

Install

npm i huk-browserify

Weekly Downloads

1

Version

0.0.1

License

none

Last publish

Collaborators

  • gerhardberger