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.

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)

htmlDialogElement.scrollIntoView()

htmlDialogElement.scrollIntoViewIfNeeded()

htmlDialogElement.focus()

htmlDialogElement.blur()

htmlDialogElement.getAttribute(name)

htmlDialogElement.setAttribute(name, value)

htmlDialogElement.removeAttribute(name)

htmlDialogElement.hasAttribute(name)

htmlDialogElement.getAttributeNode(name)

htmlDialogElement.setAttributeNode(newAttr)

htmlDialogElement.removeAttributeNode(oldAttr)

htmlDialogElement.click()

htmlDialogElement.getElementsByClassName(name)

htmlDialogElement.getElementsByTagName(name)

htmlDialogElement.querySelector(selector)

htmlDialogElement.querySelectorAll(selector)

htmlDialogElement.getBoundingClientRect()

htmlDialogElement.insertAdjacentHTML(position, value)

htmlDialogElement.insertAdjacentElement(position, node)

htmlDialogElement.insertAdjacentText(position, text)

htmlDialogElement.hasChildNodes()

htmlDialogElement.cloneNode(deep)

htmlDialogElement.appendChild(child)

htmlDialogElement.insertBefore(child, before)

htmlDialogElement.replaceChild(newChild, oldChild)

htmlDialogElement.removeChild(child)

htmlDialogElement.remove()

htmlDialogElement.before(...nodes)

htmlDialogElement.after(...nodes)

htmlDialogElement.replaceWith(...nodes)

htmlDialogElement.contains(node)

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

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

htmlDialogElement.dispatchEvent(event)

Last updated 8/10/2021

Was this helpful?

Yes

No