The EventTarget.
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).
MDN
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.
MDN
.
.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).
MDN
Reflects the autofocus HTML attribute, indicating that the control should have input focus when the page loads
Reflects the autofocus HTML attribute, indicating that the control should have input focus when the page loads
MDN
The blur method removes keyboard focus from the current element.
The blur method removes keyboard focus from the current element.
MDN
Returns false if the button is a candidate for constraint validation, and it does not satisfy its constraints.
Returns false if the button is a candidate for constraint validation, and it does not satisfy its constraints. In this case, it also fires an invalid event at the control. It returns true if the control is not a candidate for constraint validation, or if it satisfies its constraints.
MDN
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.
MDN
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.
MDN
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.
MDN
Supported by FF>3.
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.
MDN
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).
MDN
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.
MDN
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.
MDN
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.
MDN
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.
MDN
Reflects the cols HTML attribute, indicating the visible width of the text area.
Reflects the cols HTML attribute, indicating the visible width of the text area.
MDN
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.
MDN
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:
MDN
The control's default value, which behaves like the element.
The control's default value, which behaves like the element.textContent property.
MDN
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.
MDN
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.
MDN
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().
MDN
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.
MDN
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.
MDN
Sets focus on the specified element, if it can be focused.
Sets focus on the specified element, if it can be focused.
MDN
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, it can be the id attribute of any <form> element in the same document or the value null.
MDN
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.
MDN
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.
MDN
Returns the specified attribute of the specified element, as an Attr node.
Returns the specified attribute of the specified element, as an Attr node.
MDN
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.
MDN
Returns a text rectangle object that encloses a group of text rectangles.
Returns a text rectangle object that encloses a group of text rectangles.
MDN
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.
MDN
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.
MDN
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.
MDN
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.
MDN
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.
MDN
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.
MDN
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.
MDN
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.
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.
MDN
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.
MDN
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.
MDN
If #targetElm is first div element in document, "true" will be displayed.
If #targetElm is first div element in document, "true" will be displayed.
MDN
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.
MDN
The 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.
MDN
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.
MDN
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.
MDN
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.
MDN
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.
MDN
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.
MDN
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.
MDN
Reflects the maxlength HTML attribute, indicating the maximum number of characters the user can enter.
Reflects the maxlength HTML attribute, indicating the maximum number of characters the user can enter. This constraint is evaluated only when the value changes.
MDN
Reflects name HTML attribute, containing the name of the control.
Reflects name HTML attribute, containing the name of the control.
MDN
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.
MDN
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.
MDN
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.
MDN
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.
MDN
The read-only Node.
The read-only Node.nodeType property returns an unsigned short integer representing the type of the node.
MDN
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.
MDN
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.
MDN
Height of an element relative to the element's offsetParent.
Height of an element relative to the element's offsetParent.
MDN
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.
MDN
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.
MDN
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.
MDN
Returns the layout width of an element.
Returns the layout width of an element.
MDN
The ParentNode.
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.).
MDN
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.
MDN
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.
MDN
Reflects the placeholder HTML attribute, containing a hint to the user about what to enter in the control.
Reflects the placeholder HTML attribute, containing a hint to the user about what to enter in the control.
MDN
A DOMString representing the namespace prefix of the element, or null if no prefix is specified.
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.
MDN
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.
MDN
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.
MDN
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.
MDN
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.
MDN
removeAttribute removes an attribute from the specified element.
removeAttribute removes an attribute from the specified element.
MDN
removeAttributeNS removes the specified attribute from an element.
removeAttributeNS removes the specified attribute from an element.
MDN
removeAttributeNode removes the specified attribute from the current element.
removeAttributeNode removes the specified attribute from the current element.
MDN
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.
MDN
Removes the event listener previously registered with EventTarget.
Removes the event listener previously registered with EventTarget.addEventListener.
MDN
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.
MDN
Reflects the required HTML attribute, indicating that the user must specify a value before submitting the form.
Reflects the required HTML attribute, indicating that the user must specify a value before submitting the form.
MDN
Reflects the rows HTML attribute, indicating the number of visible text lines for the control.
Reflects the rows HTML attribute, indicating the number of visible text lines for the control.
MDN
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.
MDN
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.
MDN
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.
MDN
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.
MDN
Selects the contents of the control.
Selects the contents of the control.
MDN
The index of the end of selected text.
The index of the end of selected text. If no text is selected, contains the index of the character that follows the input cursor. On being set, the control behaves as if setSelectionRange() had been called with this as the second argument, and selectionStart as the first argument.
MDN
The index of the beginning of selected text.
The index of the beginning of selected text. If no text is selected, contains the index of the character that follows the input cursor. On being set, the control behaves as if setSelectionRange() had been called with this as the first argument, and selectionEnd as the second argument.
MDN
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.
MDN
setAttributeNode() adds a new Attr node to the specified element.
setAttributeNode() adds a new Attr node to the specified element.
MDN
setAttributeNodeNS adds a new namespaced attribute node to an element.
setAttributeNodeNS adds a new namespaced attribute node to an element.
MDN
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.
MDN
Selects a range of text, and sets selectionStart and selectionEnd.
Selects a range of text, and sets selectionStart and selectionEnd. If either argument is greater than the length of the value, it is treated as pointing to the end of the value. If end is less than start, then both are treated as the value of end.
MDN
Returns an object that represents the element's style attribute.
Returns an object that represents the element's style attribute.
MDN
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.
MDN
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.
MDN
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.
MDN
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.
MDN
The string textarea.
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.
MDN
The validity states that this element is in.
The validity states that this element is in.
MDN
The raw value contained in the control.
The raw value contained in the control.
MDN
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.
MDN
Reflects the wrap HTML attribute, indicating how the control wraps text.
Reflects the wrap HTML attribute, indicating how the control wraps text.
MDN
The HTMLTextAreaElement interface, which 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 <textarea> elements.
MDN