Class DocumentComponent

Readonlynode

append

• append(...components: NodeComponent<any>[]): DocumentComponent

  Insert component after the last child

  Parameters

  • ...components: NodeComponent<any>[]

  Returns DocumentComponent

context

• context(fn: (this: this, component: this) => any): this

  Run a function in the context of this component

  Parameters

  • fn: (this: this, component: this) => any

    Provides this component as the first argument and this.

  Returns this

empty

• empty(): DocumentComponent

  Empty the component (remove children)

  Returns DocumentComponent

on

• on(
      type: string,
      listener: (ev: Event, component: this) => any,
  ): DocumentComponent

  Add event listener

  Parameters

  • type: string

    A case-sensitive string representing the event type to listen for.
  • listener: (ev: Event, component: this) => any

    The function that is called when an event of the specified type occurs.

  Returns DocumentComponent
• on(
      type: string,
      listener: (ev: Event, component: this) => any,
      options: AddEventListenerOptions,
  ): DocumentComponent

  Add event listener

  Parameters

  • type: string

    A case-sensitive string representing the event type to listen for.
  • listener: (ev: Event, component: this) => any

    The function that is called when an event of the specified type occurs.
  • options: AddEventListenerOptions

    An object that specifies characteristics about the event listener. See options on MDN

  Returns DocumentComponent
• on(
      type: string,
      listener: (ev: Event, component: this) => any,
      useCapture: boolean,
  ): DocumentComponent

  Add event listener

  Parameters

  • type: string

    A case-sensitive string representing the event type to listen for.
  • listener: (ev: Event, component: this) => any

    The function that is called when an event of the specified type occurs.
  • useCapture: boolean

    See useCapture on MDN

  Returns DocumentComponent

slot

• slot(slot: string, parent?: ParentNode): DocumentComponent

  Render this component in the place of a <slot name="…"></slot>.

  Parameters

  • slot: string

    The slot name
  • Optionalparent: ParentNode = document

    The parent element within to search for slots. Defaults to document

  Returns DocumentComponent

  Throws

  DOMException When the slot is not found

text

• text(text: string): DocumentComponent

  Set text content

  Parameters

  • text: string

  Returns DocumentComponent