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).
This implementation accepts a settings object of type EventListenerOptions.
MDN
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
Represents the list of AudioTrack objects contained in the element.
Represents the list of AudioTrack objects contained in the element.
MDN
Reflects the autoplay HTML attribute, indicating whether playback should automatically begin as soon as enough media is available to do so without interruption.
Reflects the autoplay HTML attribute, indicating whether playback should automatically begin as soon as enough media is available to do so without interruption.
MDN
The blur method removes keyboard focus from the current element.
The blur method removes keyboard focus from the current element.
MDN
The ranges of the media source that the browser has buffered (if any) at the moment the buffered property is accessed.
The ranges of the media source that the browser has buffered (if any) at the moment the buffered property is accessed. The returned TimeRanges object is normalized.
MDN
Determines whether the specified media type can be played back.
Determines whether the specified media type can be played back.
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
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
Returns a Boolean value indicating whether a node is a descendant of a given node, i.
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.
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
Reflects the controls HTML attribute, indicating whether user interface items for controlling the resource should be displayed.
Reflects the controls HTML attribute, indicating whether user interface items for controlling the resource should be displayed.
MDN
The absolute URL of the chosen media resource (if, for example, the server selects a media file based on the resolution of the user's display), or an empty string if the networkState is EMPTY.
The absolute URL of the chosen media resource (if, for example, the server selects a media file based on the resolution of the user's display), or an empty string if the networkState is EMPTY.
MDN
The current playback time, in seconds.
The current playback time, in seconds. Setting this value seeks the media to the new time.
MDN
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.
MDN
The default playback rate for the media.
The default playback rate for the media. 1.0 is "normal speed," values lower than 1.0 make the media play slower than normal, higher values make it play faster. The value 0.0 is invalid and throws a NOT_SUPPORTED_ERR exception.
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
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
The length of the media in seconds, or zero if no media data is available.
The length of the media in seconds, or zero if no media data is available. If the media data is available but the length is unknown, this value is NaN. If the media is streamed and has no predefined length, the value is Inf.
MDN
Indicates whether the media element has ended playback.
Indicates whether the media element has ended playback.
MDN
The MediaError object for the most recent error, or null if there has not been an error.
The MediaError object for the most recent error, or null if there has not been an error.
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
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 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.
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
fired when an element receives pointer capture.
fired when an element receives pointer capture.
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
The initial playback position in seconds.
The initial playback position in seconds.
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.
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.
MDN
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
Begins loading the media content from the server.
Begins loading the media content from the server.
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 loop HTML attribute, indicating whether the media element should start over when it reaches the end.
Reflects the loop HTML attribute, indicating whether the media element should start over when it reaches the end.
MDN
Fired after pointer capture is released for a pointer.
Fired after pointer capture is released for a pointer.
MDN
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.
MDN
true if the audio is muted, and false otherwise.
true if the audio is muted, and false otherwise.
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 current state of fetching the media over the network.
The current state of fetching the media over the network. Constant Value Description NETWORK_EMPTY 0 There is no data yet. The readyState is also HAVE_NOTHING. NETWORK_IDLE 1 NETWORK_LOADING 2 The media is loading. NETWORK_NO_SOURCE[1] 3
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 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.
MDN
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.
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
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.
MDN
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).
MDN
fired when a pointer becomes active.
fired when a pointer becomes active.
MDN
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).
MDN
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.
MDN
fired when a pointer changes coordinates.
fired when a pointer changes coordinates.
MDN
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.
MDN
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.
MDN
fired when a pointer is no longer active.
fired when a pointer is no longer active.
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
Indicates whether the media element is paused.
Indicates whether the media element is paused.
MDN
Begins playback of the media.
Begins playback of the media. If you have changed the src attribute of the media element since the page was loaded, you must call load() before play(), otherwise the original media plays again.
MDN
The current rate at which the media is being played back.
The current rate at which the media is being played back. This is used to implement user controls for fast forward, slow motion, and so forth. The normal playback rate is multiplied by this value to obtain the current rate, so a value of 1.0 indicates normal speed. If the playbackRate is negative, the media is played backwards. The audio is muted when the media plays backwards or if the fast forward or slow motion is outside a useful range (E.g. Gecko mute the sound outside the range 0.25 and 5.0). The pitch of the audio is corrected by default and is the same for every speed. Some navigators implement the non-standard preservespitch property to control this.
MDN
The ranges of the media source that the browser has played, if any.
The ranges of the media source that the browser has played, if any.
MDN
A DOMString representing the namespace prefix of the element, or null if no prefix is specified.
Reflects the preload HTML attribute, indicating what data should be preloaded, if any.
Reflects the preload HTML attribute, indicating what data should be preloaded, if any. Possible values are: none, metadata, auto. See preload attribute documentation for details.
MDN
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
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.
This implementation accepts a settings object of type EventListenerOptions.
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
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
The time ranges that the user is able to seek to, if any.
The time ranges that the user is able to seek to, if any.
MDN
Indicates whether the media is in the process of seeking to a new position.
Indicates whether the media is in the process of seeking to a new position.
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
Reflects the src HTML attribute, containing the URL of a media resource to use.
Reflects the src HTML attribute, containing the URL of a media resource to use. Gecko implements a similar functionality is available for streams: mozSrcObject.
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
Represents the list of TextTrack objects contained in the element.
Represents the list of TextTrack objects contained in the element.
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 audio volume, from 0.
The audio volume, from 0.0 (silent) to 1.0 (loudest).
MDN
The HTMLMediaElement interface has special properties and methods (beyond the properties and methods available for all children of HTMLElement), that are common to all media-related objects.
MDN