maquette
    Preparing search index...

    Variable dom

    dom: {
        append: (
            parentNode: Element,
            vnode: VNode,
            projectionOptions?: ProjectionOptions,
        ) => Projection;
        create: (vnode: VNode, projectionOptions?: ProjectionOptions) => Projection;
        insertBefore: (
            beforeNode: Element,
            vnode: VNode,
            projectionOptions?: ProjectionOptions,
        ) => Projection;
        merge: (
            element: Element,
            vnode: VNode,
            projectionOptions?: ProjectionOptions,
        ) => Projection;
        replace: (
            element: Element,
            vnode: VNode,
            projectionOptions?: ProjectionOptions,
        ) => Projection;
    } = ...

    Type declaration

    • append: (
          parentNode: Element,
          vnode: VNode,
          projectionOptions?: ProjectionOptions,
      ) => Projection

      Appends a new child node to the DOM which is generated from a VNode. This is a low-level method. Users will typically use a Projector instead.

    • create: (vnode: VNode, projectionOptions?: ProjectionOptions) => Projection

      Creates a real DOM tree from vnode. The Projection object returned will contain the resulting DOM Node in its domNode property. This is a low-level method. Users will typically use a Projector instead.

    • insertBefore: (
          beforeNode: Element,
          vnode: VNode,
          projectionOptions?: ProjectionOptions,
      ) => Projection

      Inserts a new DOM node which is generated from a VNode. This is a low-level method. Users wil typically use a Projector instead.

    • merge: (
          element: Element,
          vnode: VNode,
          projectionOptions?: ProjectionOptions,
      ) => Projection

      Merges a new DOM node which is generated from a VNode with an existing DOM Node. This means that the virtual DOM and the real DOM will have one overlapping element. Therefore the selector for the root VNode will be ignored, but its properties and children will be applied to the Element provided. This is a low-level method. Users wil typically use a Projector instead.

    • replace: (
          element: Element,
          vnode: VNode,
          projectionOptions?: ProjectionOptions,
      ) => Projection

      Replaces an existing DOM node with a node generated from a VNode. This is a low-level method. Users will typically use a Projector instead.