HTMLInputElement
Related Doc:
package dom
Reflects the accept HTML attribute, containing comma-separated list of file types accepted by the server when type is file.
The EventTarget.addEventListener() method registers the specified listener on the EventTarget it's called on.
The EventTarget.addEventListener() method registers the specified listener on the EventTarget it's called on. The event target may be an Element in a document, the Document itself, a Window, or any other object that supports events (such as XMLHttpRequest).
This implementation accepts a settings object of type EventListenerOptions.
The EventTarget.addEventListener() method registers the specified listener on the EventTarget it's called on.
The EventTarget.addEventListener() method registers the specified listener on the EventTarget it's called on. The event target may be an Element in a document, the Document itself, a Window, or any other object that supports events (such as XMLHttpRequest).
Inserts a set of Node or DOMString objects in the children list of the Element's parent, just after the Element.
Inserts a set of Node or DOMString objects in the children list of the Element's parent, just after the Element. DOMString objects are inserted as equivalent Text nodes.
Reflects the alt HTML attribute, containing alternative text to use when type is image.
Inserts a set of Node objects or DOMString objects after the last child of the Element.
Inserts a set of Node objects or DOMString objects after the last child of the Element. DOMString objects are inserted as equivalent Text nodes.
Differences from Node.appendChild():
Adds a node to the end of the list of children of a specified parent node.
Adds a node to the end of the list of children of a specified parent node. If the node already exists it is removed from current parent node, then added to new parent node.
Attaches a shadow DOM tree to the specified element and returns a reference to its ShadowRoot.
Attaches a shadow DOM tree to the specified element and returns a reference to its ShadowRoot.
.attributes is a collection of all attribute nodes registered to the specified node.
.attributes is a collection of all attribute nodes registered to the specified node. It is a NamedNodeMap,not an Array, so it has no Array methods and the Attr nodes' indexes may differ among browsers. To be more specific, attribute is a key value pair of strings that represents any information regarding that node; it cannot hold Object. Attribute can hold additional data/information that is required while processing custom JavaScript. There are many predefined attributes for different nodes used for binding events, validations, and specifying layout informations that are handled by browser (may vary from browser to browser).
Reflects the autocomplete HTML attribute, indicating whether the value of the control can be automatically completed by the browser.
Reflects the autocomplete HTML attribute, indicating whether the value of the control can be automatically completed by the browser. Ignored if the value of the type attribute is hidden, checkbox, radio, file, or a button type (button, submit, reset, image). Possible values are: off: The user must explicitly enter a value into this field for every use, or the document provides its own auto-completion method; the browser does not automatically complete the entry. on: The browser can automatically complete the value based on values that the user has entered during previous uses.
Reflects the autofocus HTML attribute, which specifies that a form control should have input focus when the page loads, unless the user overrides it, for example by typing in a different control.
Reflects the autofocus HTML attribute, which specifies that a form control should have input focus when the page loads, unless the user overrides it, for example by typing in a different control. Only one form element in a document can have the autofocus attribute. It cannot be applied if the type attribute is set to hidden (that is, you cannot automatically set focus to a hidden control).
Returns the absolute base URL of this Node.
Returns the absolute base URL of this Node.
Inserts a set of Node or DOMString objects in the children list of this Element's parent, just before this Element.
Inserts a set of Node or DOMString objects in the children list of this Element's parent, just before this Element. DOMString objects are inserted as equivalent Text nodes.
The blur method removes keyboard focus from the current element.
The blur method removes keyboard focus from the current element.
Returns false if the element is a candidate for constraint validation, and it does not satisfy its constraints.
Returns false if the element is a candidate for constraint validation, and it does not satisfy its constraints. In this case, it also fires an invalid event at the element. It returns true if the element is not a candidate for constraint validation, or if it satisfies its constraints.
The current state of the element when type is checkbox or radio.
Returns an unsigned long giving the amount of children that the object has.
Returns an unsigned long giving the amount of children that the object has.
Returns a live NodeList containing all the children of this node.
Returns a live NodeList containing all the children of this node. NodeList being live means that if the children of the Node change, the NodeList object is automatically updated.
Returns a live HTMLCollection containing all objects of type Element that are children of the object.
Returns a live HTMLCollection containing all objects of type Element that are children of the object.
Supported by FF>3.6, any Opera, any Chrome, any IE, any Safari
Supported by FF>3.6, any Opera, any Chrome, any IE, any Safari
The click method simulates a mouse click on an element.
The click method simulates a mouse click on an element.
Returns the inner height of an element in pixels, including padding but not the horizontal scrollbar height, border, or margin.
Returns the inner height of an element in pixels, including padding but not the horizontal scrollbar height, border, or margin.
clientHeight can be calculated as CSS height + CSS padding - height of horizontal scrollbar (if present).
The width of the left border of an element in pixels.
The width of the left border of an element in pixels. It includes the width of the vertical scrollbar if the text direction of the element is right–to–left and if there is an overflow causing a left vertical scrollbar to be rendered. clientLeft does not include the left margin or the left padding. clientLeft is read-only.
The width of the top border of an element in pixels.
The width of the top border of an element in pixels. It does not include the top margin or padding. clientTop is read-only.
clientWidth is the inner width of an element in pixels.
clientWidth is the inner width of an element in pixels. It includes padding but not the vertical scrollbar (if present, if rendered), border or margin.
Clone a Node, and optionally, all of its contents.
Clone a Node, and optionally, all of its contents. By default, it clones the content of the node.
Compares the position of the current node against another node in any other document.
Compares the position of the current node against another node in any other document.
Returns a Boolean value indicating whether a node is a descendant of a given node, i.e.
Returns a Boolean value indicating whether a node is a descendant of a given node, i.e. the node itself, one of its direct children (childNodes), one of the children's direct children, and so on.
contentEditable is used to indicate whether or not the element is editable.
contentEditable is used to indicate whether or not the element is editable. This enumerated attribute can have the following values:
The dataset property on the HTMLElement interface provides read/write access to all the custom data attributes (data-*) set on the element.
The dataset property on the HTMLElement interface provides read/write access to all the custom data attributes (data-*) set on the element. This access is available both in HTML and within the DOM. It is a map of DOMString, one entry for each custom data attribute. Note that the dataset property itself can be read, but not directly written. Instead, all writes must be to the individual properties within the dataset, which in turn represent the data attributes.
The default state of a radio button or checkbox as originally specified in HTML that created this object.
The default value as originally specified in HTML that created this object.
The dir attribute gets or sets the text writing directionality of the content of the current element.
The dir attribute gets or sets the text writing directionality of the content of the current element.
Reflects the disabled HTML attribute, indicating that the control is not available for interaction.
Reflects the disabled HTML attribute, indicating that the control is not available for interaction. The input values will not be submitted with the form.
Dispatches an Event at the specified EventTarget, invoking the affected EventListeners in the appropriate order.
Dispatches an Event at the specified EventTarget, invoking the affected EventListeners in the appropriate order. The normal event processing rules (including the capturing and optional bubbling phase) apply to events dispatched manually with dispatchEvent().
Returns the node's first child in the tree, or null if the node is childless.
Returns the node's first child in the tree, or null if the node is childless. If the node is a Document, it returns the first node in the list of its direct children.
Returns the Element that is the first child of the object, or null if there is none.
Returns the Element that is the first child of the object, or null if there is none.
Sets focus on the specified element, if it can be focused.
Sets focus on the specified element, if it can be focused.
The containing form element, if this element is in a form.
The containing form element, if this element is in a form. If this element is not contained in a form element: HTML5 this can be the id attribute of any <form> element in the same document. Even if the attribute is set on <input>, this property will be null, if it isn't the id of a <form> element. HTML 4 this must be null.
Reflects the formaction HTML attribute, containing the URI of a program that processes information submitted by the element.
Reflects the formaction HTML attribute, containing the URI of a program that processes information submitted by the element. If specified, this attribute overrides the action attribute of the <form> element that owns this element.
Reflects the formenctype HTML attribute, containing the type of content that is used to submit the form to the server.
Reflects the formenctype HTML attribute, containing the type of content that is used to submit the form to the server. If specified, this attribute overrides the enctype attribute of the <form> element that owns this element.
Reflects the formmethod HTML attribute, containing the HTTP method that the browser uses to submit the form.
Reflects the formmethod HTML attribute, containing the HTTP method that the browser uses to submit the form. If specified, this attribute overrides the method attribute of the <form> element that owns this element.
Reflects the formnovalidate HTML attribute, indicating that the form is not to be validated when it is submitted.
Reflects the formnovalidate HTML attribute, indicating that the form is not to be validated when it is submitted. If specified, this attribute overrides the novalidate attribute of the <form> element that owns this element.
Reflects the formtarget HTML attribute, containing a name or keyword indicating where to display the response that is received after submitting the form.
Reflects the formtarget HTML attribute, containing a name or keyword indicating where to display the response that is received after submitting the form. If specified, this attribute overrides the target attribute of the <form> element that owns this element.
getAttribute() returns the value of the named attribute on the specified element.
getAttribute() returns the value of the named attribute on the specified element. If the named attribute does not exist, the value returned will either be null or "" (the empty string); see Notes for details.
getAttributeNS returns the string value of the attribute with the specified namespace and name.
getAttributeNS returns the string value of the attribute with the specified namespace and name. If the named attribute does not exist, the value returned will either be null or "" (the empty string); see Notes for details.
Returns the specified attribute of the specified element, as an Attr node.
Returns the specified attribute of the specified element, as an Attr node.
Returns the Attr node for the attribute with the given namespace and name.
Returns the Attr node for the attribute with the given namespace and name.
Returns a text rectangle object that encloses a group of text rectangles.
Returns a text rectangle object that encloses a group of text rectangles.
Returns a collection of rectangles that indicate the bounding rectangles for each box in a client.
Returns a collection of rectangles that indicate the bounding rectangles for each box in a client.
Returns an array-like object of all child elements which have all of the given class names.
Returns an array-like object of all child elements which have all of the given class names. When called on the document object, the complete document is searched, including the root node. You may also call getElementsByClassName() on any element; it will return only elements which are descendants of the specified root element with the given class names.
Returns a list of elements with the given tag name.
Returns a list of elements with the given tag name. The subtree underneath the specified element is searched, excluding the element itself. The returned list is live, meaning that it updates itself with the DOM tree automatically. Consequently, there is no need to call several times element.getElementsByTagName with the same element and arguments.
Returns a list of elements with the given tag name belonging to the given namespace.
Returns a list of elements with the given tag name belonging to the given namespace.
fired when an element receives pointer capture.
fired when an element receives pointer capture.
hasAttribute returns a boolean value indicating whether the specified element has the specified attribute or not.
hasAttribute returns a boolean value indicating whether the specified element has the specified attribute or not.
hasAttributeNS returns a boolean value indicating whether the current element has the specified attribute.
hasAttributeNS returns a boolean value indicating whether the current element has the specified attribute.
hasAttributes returns a boolean value of true or false, indicating if the current element has any attributes or not.
hasAttributes returns a boolean value of true or false, indicating if the current element has any attributes or not.
hasChildNodes returns a Boolean value indicating whether the current Node has child nodes or not.
hasChildNodes returns a Boolean value indicating whether the current Node has child nodes or not.
Reflects the height HTML attribute, which defines the height of the image displayed for the button, if the value of type is image.
Indicates that a checkbox is neither on nor off.
innerHTML sets or gets the HTML syntax describing the element's descendants.
innerHTML sets or gets the HTML syntax describing the element's descendants.
Note: If a <div>, <span>, or <noembed> node has a child text node that includes the characters (&), (<), or (>), innerHTML returns these characters as &, < and > respectively. Use Node.textContent to get a correct copy of these text nodes' contents.
Represents the "rendered" text content of a node and its descendants.
Represents the "rendered" text content of a node and its descendants. As a getter, it approximates the text the user would get if they highlighted the contents of the element with the cursor and then copied to the clipboard.
The insertAdjacentElement() method of the Element interface inserts a given element node at a given position relative to the element it is invoked upon.
The insertAdjacentElement() method of the Element interface inserts a given element node at a given position relative to the element it is invoked upon.
A DOMString representing the position relative to the targetElement; must match (case-insensitively) one of the following strings:
"beforebegin": Before the targetElement itself."afterbegin": Just inside the targetElement, before its first child."beforeend": Just inside the targetElement, after its last child."afterend": After the targetElement itself.The element that was inserted, or null, if the insertion failed.
Supported by FF>8, Opera>7, Chrome>1, IE>4, Safari>4
Supported by FF>8, Opera>7, Chrome>1, IE>4, Safari>4
Inserts the first Node given in a parameter immediately before the second, child of this element, Node.
Inserts the first Node given in a parameter immediately before the second, child of this element, Node.
True if this Node is connected to the Document context object (or ShadowRoot in the case of shadow DOM)
True if this Node is connected to the Document context object (or ShadowRoot in the case of shadow DOM)
isContentEditable returns true if the contents of the element are editable; otherwise it returns false.
isContentEditable returns true if the contents of the element are editable; otherwise it returns false.
isDefaultNamespace accepts a namespace URI as an argument and returns true if the namespace is the default namespace on the given node or false if not.
isDefaultNamespace accepts a namespace URI as an argument and returns true if the namespace is the default namespace on the given node or false if not.
If #targetElm is first div element in document, "true" will be displayed.
If #targetElm is first div element in document, "true" will be displayed.
Tests whether two nodes are the same, that is they reference the same object.
Tests whether two nodes are the same, that is they reference the same object.
The Node.isSupported()returns a Boolean flag containing the result of a test whether the DOM implementation implements a specific feature and this feature is supported by the specific node.
The Node.isSupported()returns a Boolean flag containing the result of a test whether the DOM implementation implements a specific feature and this feature is supported by the specific node.
This property gets or sets the base language of an element's attribute values and text content.
This property gets or sets the base language of an element's attribute values and text content.
Returns a Node representing the last direct child node of the node, or null if the node has no child.
Returns a Node representing the last direct child node of the node, or null if the node has no child.
Returns the Element that is the last child of the object, or null if there is none.
Returns the Element that is the last child of the object, or null if there is none.
Identifies a list of pre-defined options to suggest to the user.
Identifies a list of pre-defined options to suggest to the user. The value must be the id of a <datalist> element in the same document. The browser displays only options that are valid values for this input element. This attribute is ignored when the type attribute's value is hidden, checkbox, radio, file, or a button type.
Returns a DOMString representing the local part of the qualified name of an element.
Returns a DOMString representing the local part of the qualified name of an element. In Firefox 3.5 and earlier, the property upper-cases the local name for HTML elements (but not XHTML elements). In later versions, this does not happen, so the property is in lower case for both HTML and XHTML. Though the specification requires localName to be defined on the Node interface, Gecko-based browsers implement it on the Element interface.
Takes a prefix and returns the namespaceURI associated with it on the given node if found (and null if not).
Takes a prefix and returns the namespaceURI associated with it on the given node if found (and null if not). Supplying null for the prefix will return the default namespace.
Returns the prefix for a given namespaceURI if present, and null if not.
Returns the prefix for a given namespaceURI if present, and null if not. When multiple prefixes are possible, the result is implementation-dependent.
Fired after pointer capture is released for a pointer.
Fired after pointer capture is released for a pointer.
The matches() method of the Element interface returns true if the element would be selected by the specified
selector string; otherwise, it returns false.
The matches() method of the Element interface returns true if the element would be selected by the specified
selector string; otherwise, it returns false.
Reflects the max HTML attribute, containing the maximum (numeric or date-time) value for this item, which must not be less than its minimum (min attribute) value.
Reflects the maxlength HTML attribute, containing the maximum length of text (in Unicode code points) that the value can be changed to.
Reflects the maxlength HTML attribute, containing the maximum length of text (in Unicode code points) that the value can be changed to. The constraint is evaluated only when the value is changed Note: If you set maxLength to a negative value programmatically, an exception will be thrown.
Reflects the min HTML attribute, containing the minimum (numeric or date-time) value for this item, which must not be greater than its maximum (max attribute) value.
Reflects the multiple HTML attribute, indicating whether more than one value is possible (e.g., multiple files).
Reflects the name HTML attribute, containing a name that identifies the element when submitting the form.
The namespace URI of this node, or null if it is no namespace.
The namespace URI of this node, or null if it is no namespace. In Firefox 3.5 and earlier, HTML elements are in no namespace. In later versions, HTML elements are in the http://www.w3.org/1999/xhtml namespace in both HTML and XML trees. Though the specification requires namespaceURI to be defined on the Node interface, Gecko-based browsers implement it on the Element interface.
The nextElementSibling read-only property returns the element immediately following the specified one in its parent's children list, or null if the specified element is the last one in the list.
The nextElementSibling read-only property returns the element immediately following the specified one in its parent's children list, or null if the specified element is the last one in the list.
Returns the node immediately following the specified one in its parent's childNodes list, or null if the specified node is the last node in that list.
Returns the node immediately following the specified one in its parent's childNodes list, or null if the specified node is the last node in that list.
Returns a DOMString containing the name of the Node.
Returns a DOMString containing the name of the Node. The structure of the name will differ with the name type. E.g. An HTMLElement will contain the name of the corresponding tag, like 'audio' for an HTMLAudioElement, a Text node will have the '#text' string, or a Document node will have the '#document' string.
The read-only Node.nodeType property returns an unsigned short integer representing the type of the node.
The read-only Node.nodeType property returns an unsigned short integer representing the type of the node.
Is a DOMString representing the value of an object.
Is a DOMString representing the value of an object. For most Node type, this returns null and any set operation is ignored. For nodes of type TEXT_NODE (Text objects), COMMENT_NODE (Comment objects), and PROCESSING_INSTRUCTION_NODE (ProcessingInstruction objects), the value corresponds to the text data contained in the object.
Puts the specified node and all of its subtree into a "normalized" form.
Puts the specified node and all of its subtree into a "normalized" form. In a normalized subtree, no text nodes in the subtree are empty and there are no adjacent text nodes.
Height of an element relative to the element's offsetParent.
Height of an element relative to the element's offsetParent.
Returns the number of pixels that the upper left corner of the current element is offset to the left within the offsetParent node.
Returns the number of pixels that the upper left corner of the current element is offset to the left within the offsetParent node.
offsetParent returns a reference to the object which is the closest (nearest in the containment hierarchy) positioned containing element.
offsetParent returns a reference to the object which is the closest (nearest in the containment hierarchy) positioned containing element. If the element is non-positioned, the nearest table cell or root element (html in standards compliant mode; body in quirks rendering mode) is the offsetParent. offsetParent returns null when the element has style.display set to "none". The offsetParent is useful because offsetTop and offsetLeft are relative to its padding edge.
offsetTop returns the distance of the current element relative to the top of the offsetParent node.
offsetTop returns the distance of the current element relative to the top of the offsetParent node.
Returns the layout width of an element.
Returns the layout width of an element.
The copy event is fired when the user initiates a copy action through the browser UI (for example, using the
CTRL/Cmd+C keyboard shortcut or selecting the "Copy" from the menu) and in response to an allowed
document.execCommand("copy") call.
The copy event is fired when the user initiates a copy action through the browser UI (for example, using the
CTRL/Cmd+C keyboard shortcut or selecting the "Copy" from the menu) and in response to an allowed
document.execCommand("copy") call.
The cut event is fired when a selection has been removed from the document and added to the clipboard.
The cut event is fired when a selection has been removed from the document and added to the clipboard.
The ParentNode.children read-only property returns a live HTMLCollection of child elements of the given object.
The ParentNode.children read-only property returns a live HTMLCollection of child elements of the given object.
The items in the returned collection are objects and not strings. To get data from those node objects, you must use their properties (e.g. elementNodeReference.children[1].nodeName to get the name, etc.).
The Element interface's onfullscreenchange property is an event handler for the fullscreenchange event that is fired when the element has transitioned into or out of full-screen mode.
The Element interface's onfullscreenchange property is an event handler for the fullscreenchange event that is fired when the element has transitioned into or out of full-screen mode.
The Element interface's onfullscreenerror property is an event handler for the fullscreenerror event which is sent to the element when an error occurs while attempting to transition into or out of full-screen mode.
The Element interface's onfullscreenerror property is an event handler for the fullscreenerror event which is sent to the element when an error occurs while attempting to transition into or out of full-screen mode.
The paste event is fired when a selection has been pasted from the clipboard to the document.
The paste event is fired when a selection has been pasted from the clipboard to the document.
a browser fires this event if it concludes the pointer will no longer be able to generate events (for example the related device is deactived).
a browser fires this event if it concludes the pointer will no longer be able to generate events (for example the related device is deactived).
fired when a pointer becomes active.
fired when a pointer becomes active.
fired when a pointing device is moved into the hit test boundaries of an element or one of its descendants, including as a result of a pointerdown event from a device that does not support hover (see pointerdown).
fired when a pointing device is moved into the hit test boundaries of an element or one of its descendants, including as a result of a pointerdown event from a device that does not support hover (see pointerdown).
fired when a pointing device is moved out of the hit test boundaries of an element.
fired when a pointing device is moved out of the hit test boundaries of an element. For pen devices, this event is fired when the stylus leaves the hover range detectable by the digitizer.
fired when a pointer changes coordinates.
fired when a pointer changes coordinates.
fired for several reasons including: pointing device is moved out of the hit test boundaries of an element; firing the pointerup event for a device that does not support hover (see pointerup); after firing the pointercancel event (see pointercancel); when a pen stylus leaves the hover range detectable by the digitizer.
fired for several reasons including: pointing device is moved out of the hit test boundaries of an element; firing the pointerup event for a device that does not support hover (see pointerup); after firing the pointercancel event (see pointercancel); when a pen stylus leaves the hover range detectable by the digitizer.
fired when a pointing device is moved into an element's hit test boundaries.
fired when a pointing device is moved into an element's hit test boundaries.
fired when a pointer is no longer active.
fired when a pointer is no longer active.
Gets the markup of the element including its content.
Gets the markup of the element including its content. When used as a setter, replaces the element with nodes parsed from the given string.
Supported by FF>10, any Opera, any Chrome, any IE, any Safari
Returns the Document that this node belongs to.
Returns the Document that this node belongs to. If no document is associated with it, returns null.
This is defined on Node; we override it here because we know (from the fact that this is an HTMLElement) that we are getting an HTMLDocument here.
Returns a Node that is the parent of this node.
Returns a Node that is the parent of this node. If there is no such node, like if this node is the top of the tree or if doesn't participate in a tree, this property returns null.
Reflects the pattern HTML attribute, containing a regular expression that the control's value is checked against.
Reflects the pattern HTML attribute, containing a regular expression that the control's value is checked against. The pattern must match the entire value, not just some subset. Use the title attribute to describe the pattern to help the user. This attribute applies when the value of the type attribute is text, search, tel, url or email; otherwise it is ignored.
Reflects the placeholder HTML attribute, containing a hint to the user of what can be entered in the control.
Reflects the placeholder HTML attribute, containing a hint to the user of what can be entered in the control. The placeholder text must not contain carriage returns or line-feeds. This attribute applies when the value of the type attribute is text, search, tel, url or email; otherwise it is ignored.
A DOMString representing the namespace prefix of the element, or null if no prefix is specified.
A DOMString representing the namespace prefix of the element, or null if no prefix is specified.
Inserts a set of Node objects or DOMString objects before the first child of the Element.
Inserts a set of Node objects or DOMString objects before the first child of the Element. DOMString objects are inserted as equivalent Text nodes.
The previousElementSibling read-only property returns the Element immediately prior to the specified one in its parent's children list, or null if the specified element is the first one in the list.
The previousElementSibling read-only property returns the Element immediately prior to the specified one in its parent's children list, or null if the specified element is the first one in the list.
Returns the node immediately preceding the specified one in its parent's childNodes list, null if the specified node is the first in that list.
Returns the node immediately preceding the specified one in its parent's childNodes list, null if the specified node is the first in that list.
Returns the first element within the document (using depth-first pre-order traversal of the document's nodes) that matches the specified group of selectors.
Returns the first element within the document (using depth-first pre-order traversal of the document's nodes) that matches the specified group of selectors.
Returns a list of the elements within the document (using depth-first pre-order traversal of the document's nodes) that match the specified group of selectors.
Returns a list of the elements within the document (using depth-first pre-order traversal of the document's nodes) that match the specified group of selectors.
Reflects the readonly HTML attribute, indicating that the user cannot modify the value of the control.
Reflects the readonly HTML attribute, indicating that the user cannot modify the value of the control. HTML5This is ignored if the value of the type attribute is hidden, range, color, checkbox, radio, file, or a button type.
Removes the element from the tree it belongs to.
Removes the element from the tree it belongs to.
removeAttribute removes an attribute from the specified element.
removeAttribute removes an attribute from the specified element.
removeAttributeNS removes the specified attribute from an element.
removeAttributeNS removes the specified attribute from an element.
removeAttributeNode removes the specified attribute from the current element.
removeAttributeNode removes the specified attribute from the current element.
Removes a child node from the current element, which must be a child of the current node.
Removes a child node from the current element, which must be a child of the current node.
Removes the event listener previously registered with EventTarget.addEventListener.
Removes the event listener previously registered with EventTarget.addEventListener.
This implementation accepts a settings object of type EventListenerOptions.
Removes the event listener previously registered with EventTarget.addEventListener.
Removes the event listener previously registered with EventTarget.addEventListener.
Replaces one child Node of the current one with the second one given in parameter.
Replaces one child Node of the current one with the second one given in parameter.
Replaces the existing children of a Node with a specified new set of children.
Replaces the existing children of a Node with a specified new set of children.
The reportValidity() method performs the same validity checking steps as the checkValidity() method.
The reportValidity() method performs the same validity checking steps as the checkValidity() method. If the value is invalid, this method also fires the invalid event on the element, and (if the event isn't canceled) reports the problem to the user.
The Element.requestFullscreen() method issues an asynchronous request to make the element be displayed in full-screen mode.
The Element.requestFullscreen() method issues an asynchronous request to make the element be displayed in full-screen mode.
It's not guaranteed that the element will be put into full screen mode. If permission to enter full screen mode is granted, the returned Promise will resolve and the element will receive a fullscreenchange event to let it know that it's now in full screen mode. If permission is denied, the promise is rejected and the element receives a fullscreenerror event instead. If the element has been detached from the original document, then the document receives these events instead.
Earlier implementations of the Fullscreen API would always send these events to the document rather than the element, and you may need to be able to handle that situation. Check Browser compatibility in fullscreen for specifics on when each browser made this change.
The Element.requestPointerLock() method allows to asynchronously ask for the pointer to be locked on the given element.
The Element.requestPointerLock() method allows to asynchronously ask for the pointer to be locked on the given element.
To track the success or failure of the request, it is necessary to listen for the pointerlockchange and pointerlockerror events at the Document level.
Reflects the required HTML attribute, indicating that the user must fill in a value before submitting a form.
Height of the scroll view of an element; it includes the element padding but not its margin.
Height of the scroll view of an element; it includes the element padding but not its margin.
scrollLeft gets or sets the number of pixels that an element's content is scrolled to the left.
scrollLeft gets or sets the number of pixels that an element's content is scrolled to the left.
scrollTop gets or sets the number of pixels that the content of an element is scrolled upward.
scrollTop gets or sets the number of pixels that the content of an element is scrolled upward.
scrollWidth is a read–only property that returns either the width in pixels of the content of an element or the width of the element itself, whichever is greater.
scrollWidth is a read–only property that returns either the width in pixels of the content of an element or the width of the element itself, whichever is greater. If the element is wider than its content area (for example, if there are scroll bars for scrolling through the content), the scrollWidth is larger than the clientWidth.
Selects the input text in the element, and focuses it so the user can subsequently replace the whole entry.
The index of the end of selected text.
The index of the beginning of selected text.
Adds a new attribute or changes the value of an existing attribute on the specified element.
Adds a new attribute or changes the value of an existing attribute on the specified element.
MSN
setAttributeNS adds a new attribute or changes the value of an attribute with the given namespace and name.
setAttributeNS adds a new attribute or changes the value of an attribute with the given namespace and name.
setAttributeNode() adds a new Attr node to the specified element.
setAttributeNode() adds a new Attr node to the specified element.
setAttributeNodeNS adds a new namespaced attribute node to an element.
setAttributeNodeNS adds a new namespaced attribute node to an element.
Sets a custom validity message for the element.
Sets a custom validity message for the element. If this message is not the empty string, then the element is suffering from a custom validity error, and does not validate.
Selects a range of text in the element (but does not focus it).
Selects a range of text in the element (but does not focus it). The optional selectionDirection parameter may be "forward" or "backward" to establish the direction in which selection was set, or "none" if the direction is unknown or not relevant. The default is "none". Specifying a selectionDirection parameter sets the value of the selectionDirection property.
Returns the open shadow root that is hosted by the element, or null if no open shadow root is present.
Returns the open shadow root that is hosted by the element, or null if no open shadow root is present.
Reflects the size HTML attribute, containing size of the control.
Reflects the size HTML attribute, containing size of the control. This value is in pixels unless the value of type is text or password, in which case, it is an integer number of characters. HTML5 Applies only when type is set to text, search, tel, url, email, or password; otherwise it is ignored.
Reflects the src HTML attribute, which specifies a URI for the location of an image to display on the graphical submit button, if the value of type is image; otherwise it is ignored.
Reflects the step HTML attribute, which works with min and max to limit the increments at which a numeric or date-time value can be set.
Reflects the step HTML attribute, which works with min and max to limit the increments at which a numeric or date-time value can be set. It can be the string any or a positive floating point number. If this is not set to any, the control accepts only values at multiples of the step value greater than the minimum.
Decrements the value by (step * n), where n defaults to 1 if not specified.
Decrements the value by (step * n), where n defaults to 1 if not specified. Throws an INVALID_STATE_ERR exception: if the method is not applicable to for the current type value. if the element has no step value. if the value cannot be converted to a number. if the resulting value is above the max or below the min.
Increments the value by (step * n), where n defaults to 1 if not specified.
Increments the value by (step * n), where n defaults to 1 if not specified. Throws an INVALID_STATE_ERR exception: if the method is not applicable to for the current type value. if the element has no step value. if the value cannot be converted to a number. if the resulting value is above the max or below the min.
Returns an object that represents the element's style attribute.
Returns an object that represents the element's style attribute.
Gets/sets the tab order of the current element.
Gets/sets the tab order of the current element.
The tabindex global attribute is an integer indicating if the element can take input focus (is focusable), if it should participate to sequential keyboard navigation, and if so, at what position. It can take several values:
An element with a 0 value, an invalid value, or no tabindex value should be placed after elements with a positive tabindex in the sequential keyboard navigation order.
In XML (and XML-based languages such as XHTML), tagName preserves case.
In XML (and XML-based languages such as XHTML), tagName preserves case. On HTML elements in DOM trees flagged as HTML documents, tagName returns the element name in the uppercase form. The value of tagName is the same as that of nodeName.
Is a DOMString representing the textual content of an element and all its descendants.
Is a DOMString representing the textual content of an element and all its descendants.
Establishes the text to be displayed in a 'tool tip' popup when the mouse is over the displayed node.
Establishes the text to be displayed in a 'tool tip' popup when the mouse is over the displayed node.
Reflects the type HTML attribute, indicating the type of control to display.
Reflects the type HTML attribute, indicating the type of control to display. See type attribute of <input> for possible values.
A localized message that describes the validation constraints that the control does not satisfy (if any).
A localized message that describes the validation constraints that the control does not satisfy (if any). This is the empty string if the control is not a candidate for constraint validation (willvalidate is false), or it satisfies its constraints.
The validity state that this element is in.
Current value in the control.
The value of the element, interpreted as one of the following in order: a time value a number null if conversion is not possible
Reflects the width HTML attribute, which defines the width of the image displayed for the button, if the value of type is image.
Indicates whether the element is a candidate for constraint validation.
Indicates whether the element is a candidate for constraint validation. It is false if any conditions bar it from constraint validation.
The HTMLInputElement interface provides special properties and methods (beyond the regular HTMLElement interface it also has available to it by inheritance) for manipulating the layout and presentation of input elements.