huk-browserify

generate html with javascript

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)
;
// $.<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');
$()
  .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