Function hh

  • hh<T>(tag, ...children): HTMLElementBuilder<T>

  • Returns an HTML builder which can be used to create HTMLElement instances (with build method) or their text representations (with render method).

    Type Parameters

    • T extends "object" | "search" | "link" | "small" | "sub" | "sup" | "map" | "input" | "base" | "time" | "code" | "data" | "progress" | "track" | "source" | "button" | "address" | "a" | "abbr" | "area" | "article" | "aside" | "audio" | "b" | "bdi" | "bdo" | "blockquote" | "body" | "br" | "canvas" | "caption" | "cite" | "col" | "colgroup" | "datalist" | "dd" | "del" | "details" | "dfn" | "dialog" | "div" | "dl" | "dt" | "em" | "embed" | "fieldset" | "figcaption" | "figure" | "footer" | "form" | "h1" | "h2" | "h3" | "h4" | "h5" | "h6" | "head" | "header" | "hgroup" | "hr" | "html" | "i" | "iframe" | "img" | "ins" | "kbd" | "label" | "legend" | "li" | "main" | "mark" | "menu" | "meta" | "meter" | "nav" | "noscript" | "ol" | "optgroup" | "option" | "output" | "p" | "picture" | "pre" | "q" | "rp" | "rt" | "ruby" | "s" | "samp" | "script" | "section" | "select" | "slot" | "span" | "strong" | "style" | "summary" | "table" | "tbody" | "td" | "template" | "textarea" | "tfoot" | "th" | "thead" | "title" | "tr" | "u" | "ul" | "var" | "video" | "wbr"

    Parameters

    Returns HTMLElementBuilder<T>

    Example

    import { html, h } from 'deleight/dom/builder'
    // const verboseBuilder = html('main').set({ class: 'right bg' }).append(9);
    const builder = h.main.set({ class: 'right bg' }).append(9);

    const markup = builder.render();
    console.log(markup === `
    <main class="right bg">
       9
    </main>
    `);      // true

    const element = builder.build();
    console.log(element.tagName);     // MAIN

Properties

a abbr address area article aside audio b base bdi bdo blockquote body br button canvas caption cite code col colgroup data datalist dd del details dfn dialog div dl dt em embed fieldset figcaption figure footer form h1 h2 h3 h4 h5 h6 head header hgroup hr html i iframe img input ins kbd label legend li link main map mark menu meta meter nav noscript object ol optgroup option output p picture pre progress q rp rt ruby s samp script search section select slot small source span strong style sub summary sup table tbody td template textarea tfoot th thead time title tr track u ul var video wbr

Properties

a

a: ((...children) => HTMLElementBuilder<"a">)

Type declaration

abbr

abbr: ((...children) => HTMLElementBuilder<"abbr">)

Type declaration

address

address: ((...children) => HTMLElementBuilder<"address">)

Type declaration

area

area: ((...children) => HTMLElementBuilder<"area">)

Type declaration

article

article: ((...children) => HTMLElementBuilder<"article">)

Type declaration

aside

aside: ((...children) => HTMLElementBuilder<"aside">)

Type declaration

audio

audio: ((...children) => HTMLElementBuilder<"audio">)

Type declaration

b

b: ((...children) => HTMLElementBuilder<"b">)

Type declaration

base

base: ((...children) => HTMLElementBuilder<"base">)

Type declaration

bdi

bdi: ((...children) => HTMLElementBuilder<"bdi">)

Type declaration

bdo

bdo: ((...children) => HTMLElementBuilder<"bdo">)

Type declaration

blockquote

blockquote: ((...children) => HTMLElementBuilder<"blockquote">)

Type declaration

body

body: ((...children) => HTMLElementBuilder<"body">)

Type declaration

br

br: ((...children) => HTMLElementBuilder<"br">)

Type declaration

button

button: ((...children) => HTMLElementBuilder<"button">)

Type declaration

canvas

canvas: ((...children) => HTMLElementBuilder<"canvas">)

Type declaration

caption

caption: ((...children) => HTMLElementBuilder<"caption">)

Type declaration

cite

cite: ((...children) => HTMLElementBuilder<"cite">)

Type declaration

code

code: ((...children) => HTMLElementBuilder<"code">)

Type declaration

col

col: ((...children) => HTMLElementBuilder<"col">)

Type declaration

colgroup

colgroup: ((...children) => HTMLElementBuilder<"colgroup">)

Type declaration

data

data: ((...children) => HTMLElementBuilder<"data">)

Type declaration

datalist

datalist: ((...children) => HTMLElementBuilder<"datalist">)

Type declaration

dd

dd: ((...children) => HTMLElementBuilder<"dd">)

Type declaration

del

del: ((...children) => HTMLElementBuilder<"del">)

Type declaration

details

details: ((...children) => HTMLElementBuilder<"details">)

Type declaration

dfn

dfn: ((...children) => HTMLElementBuilder<"dfn">)

Type declaration

dialog

dialog: ((...children) => HTMLElementBuilder<"dialog">)

Type declaration

div

div: ((...children) => HTMLElementBuilder<"div">)

Type declaration

dl

dl: ((...children) => HTMLElementBuilder<"dl">)

Type declaration

dt

dt: ((...children) => HTMLElementBuilder<"dt">)

Type declaration

em

em: ((...children) => HTMLElementBuilder<"em">)

Type declaration

embed

embed: ((...children) => HTMLElementBuilder<"embed">)

Type declaration

fieldset

fieldset: ((...children) => HTMLElementBuilder<"fieldset">)

Type declaration

figcaption

figcaption: ((...children) => HTMLElementBuilder<"figcaption">)

Type declaration

figure

figure: ((...children) => HTMLElementBuilder<"figure">)

Type declaration

footer

footer: ((...children) => HTMLElementBuilder<"footer">)

Type declaration

form

form: ((...children) => HTMLElementBuilder<"form">)

Type declaration

h1

h1: ((...children) => HTMLElementBuilder<"h1">)

Type declaration

h2

h2: ((...children) => HTMLElementBuilder<"h2">)

Type declaration

h3

h3: ((...children) => HTMLElementBuilder<"h3">)

Type declaration

h4

h4: ((...children) => HTMLElementBuilder<"h4">)

Type declaration

h5

h5: ((...children) => HTMLElementBuilder<"h5">)

Type declaration

h6

h6: ((...children) => HTMLElementBuilder<"h6">)

Type declaration

head

head: ((...children) => HTMLElementBuilder<"head">)

Type declaration

header

header: ((...children) => HTMLElementBuilder<"header">)

Type declaration

hgroup

hgroup: ((...children) => HTMLElementBuilder<"hgroup">)

Type declaration

hr

hr: ((...children) => HTMLElementBuilder<"hr">)

Type declaration

html

html: ((...children) => HTMLElementBuilder<"html">)

Type declaration

i

i: ((...children) => HTMLElementBuilder<"i">)

Type declaration

iframe

iframe: ((...children) => HTMLElementBuilder<"iframe">)

Type declaration

img

img: ((...children) => HTMLElementBuilder<"img">)

Type declaration

input

input: ((...children) => HTMLElementBuilder<"input">)

Type declaration

ins

ins: ((...children) => HTMLElementBuilder<"ins">)

Type declaration

kbd

kbd: ((...children) => HTMLElementBuilder<"kbd">)

Type declaration

label

label: ((...children) => HTMLElementBuilder<"label">)

Type declaration

legend

legend: ((...children) => HTMLElementBuilder<"legend">)

Type declaration

li

li: ((...children) => HTMLElementBuilder<"li">)

Type declaration

link

link: ((...children) => HTMLElementBuilder<"link">)

Type declaration

main

main: ((...children) => HTMLElementBuilder<"main">)

Type declaration

map

map: ((...children) => HTMLElementBuilder<"map">)

Type declaration

mark

mark: ((...children) => HTMLElementBuilder<"mark">)

Type declaration

menu

menu: ((...children) => HTMLElementBuilder<"menu">)

Type declaration

meta

meta: ((...children) => HTMLElementBuilder<"meta">)

Type declaration

meter

meter: ((...children) => HTMLElementBuilder<"meter">)

Type declaration

nav

nav: ((...children) => HTMLElementBuilder<"nav">)

Type declaration

noscript

noscript: ((...children) => HTMLElementBuilder<"noscript">)

Type declaration

object

object: ((...children) => HTMLElementBuilder<"object">)

Type declaration

ol

ol: ((...children) => HTMLElementBuilder<"ol">)

Type declaration

optgroup

optgroup: ((...children) => HTMLElementBuilder<"optgroup">)

Type declaration

option

option: ((...children) => HTMLElementBuilder<"option">)

Type declaration

output

output: ((...children) => HTMLElementBuilder<"output">)

Type declaration

p

p: ((...children) => HTMLElementBuilder<"p">)

Type declaration

picture

picture: ((...children) => HTMLElementBuilder<"picture">)

Type declaration

pre

pre: ((...children) => HTMLElementBuilder<"pre">)

Type declaration

progress

progress: ((...children) => HTMLElementBuilder<"progress">)

Type declaration

q

q: ((...children) => HTMLElementBuilder<"q">)

Type declaration

rp

rp: ((...children) => HTMLElementBuilder<"rp">)

Type declaration

rt

rt: ((...children) => HTMLElementBuilder<"rt">)

Type declaration

ruby

ruby: ((...children) => HTMLElementBuilder<"ruby">)

Type declaration

s

s: ((...children) => HTMLElementBuilder<"s">)

Type declaration

samp

samp: ((...children) => HTMLElementBuilder<"samp">)

Type declaration

script

script: ((...children) => HTMLElementBuilder<"script">)

Type declaration

search

search: ((...children) => HTMLElementBuilder<"search">)

Type declaration

section

section: ((...children) => HTMLElementBuilder<"section">)

Type declaration

select

select: ((...children) => HTMLElementBuilder<"select">)

Type declaration

slot

slot: ((...children) => HTMLElementBuilder<"slot">)

Type declaration

small

small: ((...children) => HTMLElementBuilder<"small">)

Type declaration

source

source: ((...children) => HTMLElementBuilder<"source">)

Type declaration

span

span: ((...children) => HTMLElementBuilder<"span">)

Type declaration

strong

strong: ((...children) => HTMLElementBuilder<"strong">)

Type declaration

style

style: ((...children) => HTMLElementBuilder<"style">)

Type declaration

sub

sub: ((...children) => HTMLElementBuilder<"sub">)

Type declaration

summary

summary: ((...children) => HTMLElementBuilder<"summary">)

Type declaration

sup

sup: ((...children) => HTMLElementBuilder<"sup">)

Type declaration

table

table: ((...children) => HTMLElementBuilder<"table">)

Type declaration

tbody

tbody: ((...children) => HTMLElementBuilder<"tbody">)

Type declaration

td

td: ((...children) => HTMLElementBuilder<"td">)

Type declaration

template

template: ((...children) => HTMLElementBuilder<"template">)

Type declaration

textarea

textarea: ((...children) => HTMLElementBuilder<"textarea">)

Type declaration

tfoot

tfoot: ((...children) => HTMLElementBuilder<"tfoot">)

Type declaration

th

th: ((...children) => HTMLElementBuilder<"th">)

Type declaration

thead

thead: ((...children) => HTMLElementBuilder<"thead">)

Type declaration

time

time: ((...children) => HTMLElementBuilder<"time">)

Type declaration

title

title: ((...children) => HTMLElementBuilder<"title">)

Type declaration

tr

tr: ((...children) => HTMLElementBuilder<"tr">)

Type declaration

track

track: ((...children) => HTMLElementBuilder<"track">)

Type declaration

u

u: ((...children) => HTMLElementBuilder<"u">)

Type declaration

ul

ul: ((...children) => HTMLElementBuilder<"ul">)

Type declaration

var

var: ((...children) => HTMLElementBuilder<"var">)

Type declaration

video

video: ((...children) => HTMLElementBuilder<"video">)

Type declaration

wbr

wbr: ((...children) => HTMLElementBuilder<"wbr">)

Type declaration

Settings

Member Visibility

Theme

On This Page

aabbraddressareaarticleasideaudiobbasebdibdoblockquotebodybrbuttoncanvascaptioncitecodecolcolgroupdatadatalistdddeldetailsdfndialogdivdldtemembedfieldsetfigcaptionfigurefooterformh1h2h3h4h5h6headheaderhgrouphrhtmliiframeimginputinskbdlabellegendlilinkmainmapmarkmenumetameternavnoscriptobjectoloptgroupoptionoutputppicturepreprogressqrprtrubyssampscriptsearchsectionselectslotsmallsourcespanstrongstylesubsummarysuptabletbodytdtemplatetextareatfootththeadtimetitletrtrackuulvarvideowbr