Function h

h<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
- tag: T
- Rest ...children: IElementChild[]
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
```
- Defined in src/dom/builder/builder.ts:260

Index

Properties

Properties

a

a: HTMLElementBuilder<"a">

abbr

abbr: HTMLElementBuilder<"abbr">

address

address: HTMLElementBuilder<"address">

area

area: HTMLElementBuilder<"area">

article

article: HTMLElementBuilder<"article">

aside

aside: HTMLElementBuilder<"aside">

audio

audio: HTMLElementBuilder<"audio">

b

b: HTMLElementBuilder<"b">

base

base: HTMLElementBuilder<"base">

bdi

bdi: HTMLElementBuilder<"bdi">

bdo

bdo: HTMLElementBuilder<"bdo">

blockquote

blockquote: HTMLElementBuilder<"blockquote">

body

body: HTMLElementBuilder<"body">

br

br: HTMLElementBuilder<"br">

button

button: HTMLElementBuilder<"button">

canvas

canvas: HTMLElementBuilder<"canvas">

caption

caption: HTMLElementBuilder<"caption">

cite

cite: HTMLElementBuilder<"cite">

code

code: HTMLElementBuilder<"code">

col

col: HTMLElementBuilder<"col">

colgroup

colgroup: HTMLElementBuilder<"colgroup">

data

data: HTMLElementBuilder<"data">

datalist

datalist: HTMLElementBuilder<"datalist">

dd

dd: HTMLElementBuilder<"dd">

del

del: HTMLElementBuilder<"del">

details

details: HTMLElementBuilder<"details">

dfn

dfn: HTMLElementBuilder<"dfn">

dialog

dialog: HTMLElementBuilder<"dialog">

div

div: HTMLElementBuilder<"div">

dl

dl: HTMLElementBuilder<"dl">

dt

dt: HTMLElementBuilder<"dt">

em

em: HTMLElementBuilder<"em">

embed

embed: HTMLElementBuilder<"embed">

fieldset

fieldset: HTMLElementBuilder<"fieldset">

figcaption

figcaption: HTMLElementBuilder<"figcaption">

figure

figure: HTMLElementBuilder<"figure">

footer

footer: HTMLElementBuilder<"footer">

form

form: HTMLElementBuilder<"form">

h1

h1: HTMLElementBuilder<"h1">

h2

h2: HTMLElementBuilder<"h2">

h3

h3: HTMLElementBuilder<"h3">

h4

h4: HTMLElementBuilder<"h4">

h5

h5: HTMLElementBuilder<"h5">

h6

h6: HTMLElementBuilder<"h6">

head

head: HTMLElementBuilder<"head">

header

header: HTMLElementBuilder<"header">

hgroup

hgroup: HTMLElementBuilder<"hgroup">

hr

hr: HTMLElementBuilder<"hr">

html

html: HTMLElementBuilder<"html">

i

i: HTMLElementBuilder<"i">

iframe

iframe: HTMLElementBuilder<"iframe">

img

img: HTMLElementBuilder<"img">

input

input: HTMLElementBuilder<"input">

ins

ins: HTMLElementBuilder<"ins">

kbd

kbd: HTMLElementBuilder<"kbd">

label

label: HTMLElementBuilder<"label">

legend

legend: HTMLElementBuilder<"legend">

li

li: HTMLElementBuilder<"li">

link

link: HTMLElementBuilder<"link">

main

main: HTMLElementBuilder<"main">

map

map: HTMLElementBuilder<"map">

mark

mark: HTMLElementBuilder<"mark">

menu

menu: HTMLElementBuilder<"menu">

meta

meta: HTMLElementBuilder<"meta">

meter

meter: HTMLElementBuilder<"meter">

nav

nav: HTMLElementBuilder<"nav">

noscript

noscript: HTMLElementBuilder<"noscript">

object

object: HTMLElementBuilder<"object">

ol

ol: HTMLElementBuilder<"ol">

optgroup

optgroup: HTMLElementBuilder<"optgroup">

option

option: HTMLElementBuilder<"option">

output

output: HTMLElementBuilder<"output">

p

p: HTMLElementBuilder<"p">

picture

picture: HTMLElementBuilder<"picture">

pre

pre: HTMLElementBuilder<"pre">

progress

progress: HTMLElementBuilder<"progress">

q

q: HTMLElementBuilder<"q">

rp

rp: HTMLElementBuilder<"rp">

rt

rt: HTMLElementBuilder<"rt">

ruby

ruby: HTMLElementBuilder<"ruby">

s

s: HTMLElementBuilder<"s">

samp

samp: HTMLElementBuilder<"samp">

script

script: HTMLElementBuilder<"script">

search

search: HTMLElementBuilder<"search">

section

section: HTMLElementBuilder<"section">

select

select: HTMLElementBuilder<"select">

slot

slot: HTMLElementBuilder<"slot">

small

small: HTMLElementBuilder<"small">

source

source: HTMLElementBuilder<"source">

span

span: HTMLElementBuilder<"span">

strong

strong: HTMLElementBuilder<"strong">

style

style: HTMLElementBuilder<"style">

sub

sub: HTMLElementBuilder<"sub">

summary

summary: HTMLElementBuilder<"summary">

sup

sup: HTMLElementBuilder<"sup">

table

table: HTMLElementBuilder<"table">

tbody

tbody: HTMLElementBuilder<"tbody">

td

td: HTMLElementBuilder<"td">

template

template: HTMLElementBuilder<"template">

textarea

textarea: HTMLElementBuilder<"textarea">

tfoot

tfoot: HTMLElementBuilder<"tfoot">

th

th: HTMLElementBuilder<"th">

thead

thead: HTMLElementBuilder<"thead">

time

time: HTMLElementBuilder<"time">

title

title: HTMLElementBuilder<"title">

tr

tr: HTMLElementBuilder<"tr">

track

track: HTMLElementBuilder<"track">

u

u: HTMLElementBuilder<"u">

ul

ul: HTMLElementBuilder<"ul">

var

var: HTMLElementBuilder<"var">

video

video: HTMLElementBuilder<"video">

wbr

wbr: HTMLElementBuilder<"wbr">