Everything that is not explicitly listed (properties and attributes that are either uncommon or custom).
Optional ReadonlyaccessOptional ReadonlyactionOptional ReadonlyaltOptional ReadonlyautocompleteOptional ReadonlybindWhen specified, the event handlers will be invoked with 'this' pointing to the value. This is useful when using the prototype/class based implementation of MaquetteComponents.
When no key is present, this object is also used to uniquely identify a DOM node.
Optional ReadonlycheckedOptional ReadonlyclassOptional ReadonlyclassesAn object literal like {important:true} which allows css classes, like important to be added and removed
dynamically.
Optional ReadonlyclassDo not use className, use class instead
Optional ReadonlydisabledOptional ReadonlydraggableOptional ReadonlyencodingOptional ReadonlyenctypeOptionalenterThe animation to perform when this node is added to an already existing parent. More about animations.
Element that was just added to the DOM.
Optionalproperties: VNodePropertiesThe properties object that was supplied to the h method
Optional ReadonlyhrefOptional ReadonlyidOptional ReadonlyinnerPuts a non-interactive string of html inside the DOM node.
Note: if you use innerHTML, maquette cannot protect you from XSS vulnerabilities and you must make sure that the innerHTML value is safe.
Optional ReadonlyisFor custom elements
Optional ReadonlykeyUsed to uniquely identify a DOM node among siblings. A key is required when there are more children with the same selector and these children are added or removed dynamically. NOTE: this does not have to be a string or number, a MaquetteComponent Object for instance is also common.
Optional ReadonlymethodOptional ReadonlynameOptional ReadonlyonAn object containing event handlers to attach using addEventListener.
Note that projector.scheduleRender() is called automatically when these event handlers are invoked.
Optional ReadonlyonAn object containing event handlers to attach using addEventListener.
Note that projector.scheduleRender() is called automatically when these event handlers are invoked.
Optional ReadonlyplaceholderOptional ReadonlyreadOptional ReadonlyrelOptional ReadonlyspellcheckOptional ReadonlysrcOptional ReadonlysrcsetOptional ReadonlystylesAn object literal like {height:'100px'} which allows styles to be changed dynamically. All values must be strings.
Optional ReadonlytabOptional ReadonlytargetOptional ReadonlytitleOptional ReadonlytypeOptional ReadonlyvalueOptionalafterCallback that is executed after this node is added to the DOM. Child nodes and properties have already been applied.
The element that was added to the DOM.
The projection options that were used, see createProjector.
The selector passed to the h function.
The properties passed to the h function.
The children that were created.
OptionalafterCallback that is called when a node has been removed from the tree. The callback is called during idle state or after a timeout (fallback). More info
The element that has been removed from the DOM.
OptionalafterCallback that is executed every time this node may have been updated. Child nodes and properties have already been updated.
The element that may have been updated in the DOM.
The projection options that were used, see createProjector.
The selector passed to the h function.
The properties passed to the h function.
The children for this node.
OptionalexitThe animation to perform when this node is removed while its parent remains.
Element that ought to be removed from to the DOM.
Function that removes the element from the DOM. This argument is provided purely for convenience. You may use this function to remove the element when the animation is done.
Optionalproperties: VNodePropertiesOptionalonblurOptionalonchangeOptionalonclickOptionalondblclickOptionalondragOptionalondragendOptionalondragenterOptionalondragleaveOptionalondragoverOptionalondragstartOptionalondropOptionalonfocusOptionaloninputOptionalonkeydownOptionalonkeypressOptionalonkeyupOptionalonloadOptionalonmousedownOptionalonmouseenterOptionalonmouseleaveOptionalonmousemoveOptionalonmouseoutOptionalonmouseoverOptionalonmouseupOptionalonmousewheelOptionalonpointercancelOptionalonpointerdownOptionalonpointerenterOptionalonpointerleaveOptionalonpointermoveOptionalonpointeroutOptionalonpointeroverOptionalonpointerupOptionalonscrollOptionalonsubmitOptionalontouchcancelOptionalontouchendOptionalontouchmoveOptionalontouchstartOptionalupdateThe animation to perform when the properties of this node change. This also includes attributes, styles, css classes. This callback is also invoked when node contains only text and that text changes. More about animations.
Element that was modified in the DOM.
Optionalproperties: VNodePropertiesThe last properties object that was supplied to the h method
OptionalpreviousProperties: VNodePropertiesThe previous properties object that was supplied to the h method
Object containing attributes, properties, event handlers and more that can be put on DOM nodes.
For your convenience, all common attributes, properties and event handlers are listed here and are type-checked when using Typescript.