Class TemplateElement

constructor

• new TemplateElement(tag: string, children?: TemplateItem[]): TemplateElement

  Creates a new HTML element.

  Parameters

  • tag: string

    The HTML tag name (e.g., 'div', 'span', 'h1')

  • Optionalchildren: TemplateItem[]

    Optional initial child elements

  Returns TemplateElement

Optionalchildren

class

style

tag

appendChild

• appendChild(item: TemplateItem): TemplateElement

  Fluent method that appends a child element or text to this element. If a string containing HTML is passed, it will be parsed into elements.

  Parameters

  • item: TemplateItem

    The child element or text to append

  Returns TemplateElement

  This element for method chaining

  Example

  const el = tag('div');
  el.appendChild('Hello')
    .appendChild(tag('br'))
    .appendChild('World');
    
  // Parse HTML string
  el.appendChild('<p>Parsed HTML</p>');
  Copy

attr

• attr(name: string, value: TemplateAttributeValue): TemplateElement

  Fluent method that sets a single attribute on this element. Special handling: the 'class' attribute updates the class object directly.

  Parameters

  • name: string

    Attribute name

  • value: TemplateAttributeValue

    Attribute value

  Returns TemplateElement

  This element for method chaining

  Example

  el.attr('id', 'main')
    .attr('data-value', 123)
    .attr('class', 'active selected');
  Copy

attrs

• attrs(attrs: TemplateAttributes): TemplateElement

  Fluent method that sets all attributes from the given collection.

  Parameters

  • attrs: TemplateAttributes

    Key-value collection of attributes to set

  Returns TemplateElement

  This element for method chaining

  Example

  el.attrs({
      id: 'main',
      class: 'container active',
      'data-value': 42
  });
  Copy