HTMLDialogElement.md

HTMLDialogElement

Extends: HTMLElement

See: https://developer.mozilla.org/en-US/docs/Web/API/HTMLDialogElement

• HTMLDialogElement
  • new HTMLDialogElement(document, nodeName, namespaceURI)
  • .open : boolean
  • .returnValue : \*
  • .REJECTION_REASON_NOT_ALLOWED
  • .REJECTION_REASON_DETACHED
  • .dataset
  • .nodeName : string
  • .localName : string
  • .tagName : string
  • .nodeType : number
  • .namespaceURI : string
  • .id : string
  • .tabIndex : number
  • .className : string
  • .attributes : NamedNodeMap
  • .style : Style
  • .clientLeft : number
  • .clientTop : number
  • .clientWidth : number
  • .clientHeight : number
  • .height : string | Number
  • .width : string | Number
  • .offsetParent : Element
  • .offsetLeft : number
  • .offsetTop : number
  • .offsetWidth : number
  • .offsetHeight : number
  • .scrollLeft : number
  • .scrollTop : number
  • .scrollWidth : number
  • .scrollHeight : number
  • .uxpContainer : UXPContainer
  • .disabled : boolean
  • .innerHTML : string
  • .outerHTML : string
  • .contentEditable
  • .isConnected : boolean
  • .parentNode : Node
  • .parentElement : Element
  • .firstChild : Node
  • .lastChild : Node
  • .previousSibling : Node
  • .nextSibling : Node
  • .firstElementChild : Node
  • .lastElementChild : Node
  • .previousElementSibling : Node
  • .nextElementSibling : Node
  • .textContent : string
  • .childNodes : NodeList
  • .children : HTMLCollection
  • .ownerDocument
  • .showModal()
  • .close([returnValue])
  • .scrollIntoView()
  • .scrollIntoViewIfNeeded()
  • .focus()
  • .blur()
  • .getAttribute(name)
  • .setAttribute(name, value)
  • .removeAttribute(name)
  • .hasAttribute(name)
  • .getAttributeNode(name)
  • .setAttributeNode(newAttr)
  • .removeAttributeNode(oldAttr)
  • .click()
  • .getElementsByClassName(name)
  • .getElementsByTagName(name)
  • .querySelector(selector)
  • .querySelectorAll(selector)
  • .getBoundingClientRect()
  • .insertAdjacentHTML(position, value)
  • .insertAdjacentElement(position, node)
  • .insertAdjacentText(position, text)
  • .hasChildNodes()
  • .cloneNode(deep)
  • .appendChild(child)
  • .insertBefore(child, before)
  • .replaceChild(newChild, oldChild)
  • .removeChild(child)
  • .remove()
  • .before(...nodes)
  • .after(...nodes)
  • .replaceWith(...nodes)
  • .contains(node)
  • .addEventListener(eventName, callback, [capture])
  • .removeEventListener(eventName, callback, [capture])
  • .dispatchEvent(event)

new HTMLDialogElement(document, nodeName, namespaceURI)

Creates an instance of HTMLDialogElement.

Param	Type
document	\*
nodeName	\*
namespaceURI	\*

htmlDialogElement.open : boolean

Read only

htmlDialogElement.returnValue : \*

htmlDialogElement.REJECTION_REASON_NOT_ALLOWED

When the promise returned from openDialog() is rejected, error.code can be equal to this value, which means that the application does not allow showing dialogs (e.g. only one dialog is allowed).

htmlDialogElement.REJECTION_REASON_DETACHED

When the promise returned from openDialog() is rejected, error.code can be equal to this value, which means that the node has been detached from DOM tree.

htmlDialogElement.dataset

Access to all the custom data attributes (data-*) set.

See: https://developer.mozilla.org/en-US/docs/Web/API/HTMLElement/dataset

htmlDialogElement.nodeName : string

Read only

htmlDialogElement.localName : string

Read only

htmlDialogElement.tagName : string

Read only

htmlDialogElement.nodeType : number

Read only

htmlDialogElement.namespaceURI : string

Read only

htmlDialogElement.id : string

htmlDialogElement.tabIndex : number

htmlDialogElement.className : string

htmlDialogElement.attributes : NamedNodeMap

Read only

htmlDialogElement.style : Style

Read only

htmlDialogElement.clientLeft : number

Read only

htmlDialogElement.clientTop : number

Read only

htmlDialogElement.clientWidth : number

Read only

htmlDialogElement.clientHeight : number

Read only

htmlDialogElement.height : string | Number

The height of the element

htmlDialogElement.width : string | Number

The width of the element

htmlDialogElement.offsetParent : Element

Read only

htmlDialogElement.offsetLeft : number

Read only

htmlDialogElement.offsetTop : number

Read only

htmlDialogElement.offsetWidth : number

Read only

htmlDialogElement.offsetHeight : number

Read only

htmlDialogElement.scrollLeft : number

htmlDialogElement.scrollTop : number

htmlDialogElement.scrollWidth : number

Read only

htmlDialogElement.scrollHeight : number

Read only

htmlDialogElement.uxpContainer : UXPContainer

Read only

htmlDialogElement.disabled : boolean

htmlDialogElement.innerHTML : string

htmlDialogElement.outerHTML : string

htmlDialogElement.contentEditable

Read only

htmlDialogElement.isConnected : boolean

Read only

htmlDialogElement.parentNode : Node

Read only

htmlDialogElement.parentElement : Element

Read only

htmlDialogElement.firstChild : Node

Read only

htmlDialogElement.lastChild : Node

Read only

htmlDialogElement.previousSibling : Node

Read only

htmlDialogElement.nextSibling : Node

Read only

htmlDialogElement.firstElementChild : Node

Read only

htmlDialogElement.lastElementChild : Node

Read only

htmlDialogElement.previousElementSibling : Node

Read only

htmlDialogElement.nextElementSibling : Node

Read only

htmlDialogElement.textContent : string

htmlDialogElement.childNodes : NodeList

Read only

htmlDialogElement.children : HTMLCollection

Read only

htmlDialogElement.ownerDocument

Read only

htmlDialogElement.showModal()

Show the modal dialog.

Returns: Promise - A promise that resolves when the dialog is closed (NSC) after calling the close() method or clicking the "submit" button. The promise will be resolved with returnValue as a parameter. The promise can be rejected if the dialog was closed for other reasons e.g. the user hit escape or closed the window, or if the application does not allow showing the dialog. The error parameter will give more details. error.code will be one of the values from HTMLDialogElement.rejectionReasons.

htmlDialogElement.close([returnValue])

Closes the dialog; setting the return value (optional)

Param	Type
[returnValue]	\*

htmlDialogElement.scrollIntoView()

htmlDialogElement.scrollIntoViewIfNeeded()

htmlDialogElement.focus()

htmlDialogElement.blur()

htmlDialogElement.getAttribute(name)

Param	Type
name	string

htmlDialogElement.setAttribute(name, value)

Param	Type
name	string
value	string

htmlDialogElement.removeAttribute(name)

Param	Type
name	string

htmlDialogElement.hasAttribute(name)

Param	Type
name	string

htmlDialogElement.getAttributeNode(name)

Param	Type
name	string

htmlDialogElement.setAttributeNode(newAttr)

Param	Type
newAttr	\*

htmlDialogElement.removeAttributeNode(oldAttr)

Param	Type
oldAttr	\*

htmlDialogElement.click()

htmlDialogElement.getElementsByClassName(name)

Param	Type
name	string

htmlDialogElement.getElementsByTagName(name)

Param	Type
name	string

htmlDialogElement.querySelector(selector)

Param	Type
selector	string

htmlDialogElement.querySelectorAll(selector)

Param	Type
selector	string

htmlDialogElement.getBoundingClientRect()

htmlDialogElement.insertAdjacentHTML(position, value)

Param	Type
position
value	string

htmlDialogElement.insertAdjacentElement(position, node)

Param	Type
position	\*
node	\*

htmlDialogElement.insertAdjacentText(position, text)

Param	Type
position	\*
text	\*

htmlDialogElement.hasChildNodes()

htmlDialogElement.cloneNode(deep)

Param	Type
deep	boolean

htmlDialogElement.appendChild(child)

Param	Type
child	Node

htmlDialogElement.insertBefore(child, before)

Param	Type
child	Node
before	Node

htmlDialogElement.replaceChild(newChild, oldChild)

Param	Type
newChild	Node
oldChild	Node

htmlDialogElement.removeChild(child)

Param	Type
child	Node

htmlDialogElement.remove()

htmlDialogElement.before(...nodes)

Param	Type
...nodes	Array.<Node>

htmlDialogElement.after(...nodes)

Param	Type
...nodes	Array.<Node>

htmlDialogElement.replaceWith(...nodes)

Param	Type
...nodes	Array.<Node>

htmlDialogElement.contains(node)

Param	Type
node	Node

htmlDialogElement.addEventListener(eventName, callback, [capture])

Param	Type	Default
eventName	\*
callback	\*
[capture]	boolean	false

htmlDialogElement.removeEventListener(eventName, callback, [capture])

Param	Type	Default
eventName	\*
callback	\*
[capture]	boolean	false

htmlDialogElement.dispatchEvent(event)

Param	Type
event	\*