HTMLTemplateElement
The HTMLTemplateElement interface enables access to the contents of an HTML element.
Value members
Concrete methods
Inherited methods
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).
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.
- Inherited from:
- 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).
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).
- Inherited from:
- EventTarget
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.
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.
- Inherited from:
- 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.
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():
- Element.append() allows you to also append DOMString objects, whereas Node.appendChild() only accepts Node objects.
- Element.append() has no return value, whereas Node.appendChild() returns the appended Node object.
- Element.append() can append several nodes and strings, whereas Node.appendChild() can only append one node.
- Inherited from:
- Element
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.
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.
- Inherited from:
- 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.
- Inherited from:
- Element
.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).
.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).
- Inherited from:
- Node
Returns the absolute base URL of this Node.
Returns the absolute base URL of this Node.
- Inherited from:
- Node
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.
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.
- Inherited from:
- Element
The blur method removes keyboard focus from the current element.
The blur method removes keyboard focus from the current element.
- Inherited from:
- HTMLElement
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.
- Inherited from:
- ParentNode
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 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.
- Inherited from:
- Node
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.
- Inherited from:
- ParentNode
The click method simulates a mouse click on an element.
The click method simulates a mouse click on an element.
- Inherited from:
- HTMLElement
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).
- Inherited from:
- Element
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 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.
- Inherited from:
- Element
The width of the top border of an element in pixels. It does not include the top margin or padding. clientTop is read-only.
The width of the top border of an element in pixels. It does not include the top margin or padding. clientTop is read-only.
- Inherited from:
- Element
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.
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.
- Inherited from:
- Element
Clone a Node, and optionally, all of its contents. By default, it clones the content of the node.
Clone a Node, and optionally, all of its contents. By default, it clones the content of the node.
- Inherited from:
- Node
Traverses the element and its parents (heading toward the document root) until it finds a node that matches the specified CSS selector.
Traverses the element and its parents (heading toward the document root) until it finds a node that matches the specified CSS selector.
- Inherited from:
- Element
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.
- Inherited from:
- Node
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.
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.
- Inherited from:
- Node
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 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.
- Inherited from:
- HTMLElement
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().
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().
- Inherited from:
- EventTarget
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 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.
- Inherited from:
- Node
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.
- Inherited from:
- ParentNode
Sets focus on the specified element, if it can be focused.
Sets focus on the specified element, if it can be focused.
- Inherited from:
- HTMLElement
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.
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.
- Inherited from:
- Element
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.
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.
- Inherited from:
- Element
Returns the specified attribute of the specified element, as an Attr node.
Returns the specified attribute of the specified element, as an Attr node.
- Inherited from:
- Element
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.
- Inherited from:
- Element
Returns a text rectangle object that encloses a group of text rectangles.
Returns a text rectangle object that encloses a group of text rectangles.
- Inherited from:
- Element
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.
- Inherited from:
- Element
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 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.
- Inherited from:
- Element
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. 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.
- Inherited from:
- Element
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.
- Inherited from:
- Element
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.
- Inherited from:
- Element
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.
- Inherited from:
- Element
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.
- Inherited from:
- Node
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.
- Inherited from:
- Node
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.
- Value parameters:
- position
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.
- Returns:
The element that was inserted, or null, if the insertion failed.
- Inherited from:
- Element
Supported by FF>8, Opera>7, Chrome>1, IE>4, Safari>4
Supported by FF>8, Opera>7, Chrome>1, IE>4, Safari>4
- Inherited from:
- Element
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.
- Inherited from:
- 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)
- Inherited from:
- Node
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.
- Inherited from:
- HTMLElement
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.
- Inherited from:
- Node
If #targetElm is first div element in document, "true" will be displayed.
If #targetElm is first div element in document, "true" will be displayed.
- Inherited from:
- Node
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.
- Inherited from:
- 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.
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.
- Inherited from:
- Node
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.
- Inherited from:
- Node
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.
- Inherited from:
- ParentNode
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.
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.
- Inherited from:
- Node
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.
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.
- Inherited from:
- Node
Returns the prefix for a given namespaceURI if present, and null if not. When multiple prefixes are possible, the result is implementation-dependent.
Returns the prefix for a given namespaceURI if present, and null if not. When multiple prefixes are possible, the result is implementation-dependent.
- Inherited from:
- Node
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.
- Inherited from:
- Element
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 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.
- Inherited from:
- Node
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.
- Inherited from:
- NonDocumentTypeChildNode
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.
- Inherited from:
- 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.
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.
- Inherited from:
- Node
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.
- Inherited from:
- Node
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.
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.
- Inherited from:
- Node
Height of an element relative to the element's offsetParent.
Height of an element relative to the element's offsetParent.
- Inherited from:
- HTMLElement
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.
- Inherited from:
- HTMLElement
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.
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.
- Inherited from:
- HTMLElement
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.
- Inherited from:
- HTMLElement
Returns the layout width of an element.
Returns the layout width of an element.
- Inherited from:
- HTMLElement
Returns the Document that this node belongs to. If no document is associated with it, returns null.
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.
- Definition Classes
- HTMLElement -> Node
- Inherited from:
- HTMLElement
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.
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.
- Inherited from:
- Node
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.
- Inherited from:
- 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.
Inserts a set of Node objects or DOMString objects before the first child of the Element. DOMString objects are inserted as equivalent Text nodes.
- Inherited from:
- Element
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.
- Inherited from:
- NonDocumentTypeChildNode
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.
- Inherited from:
- Node
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.
- Inherited from:
- NodeSelector
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.
- Inherited from:
- NodeSelector
Removes the element from the tree it belongs to.
Removes the element from the tree it belongs to.
- Inherited from:
- Element
removeAttribute removes an attribute from the specified element.
removeAttribute removes an attribute from the specified element.
- Inherited from:
- Element
removeAttributeNS removes the specified attribute from an element.
removeAttributeNS removes the specified attribute from an element.
- Inherited from:
- Element
removeAttributeNode removes the specified attribute from the current element.
removeAttributeNode removes the specified attribute from the current element.
- Inherited from:
- 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.
- Inherited from:
- 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.
- Inherited from:
- EventTarget
Removes the event listener previously registered with EventTarget.addEventListener.
Removes the event listener previously registered with EventTarget.addEventListener.
- Inherited from:
- EventTarget
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.
- Inherited from:
- Node
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.
- Inherited from:
- ParentNode
Replaces this Element in the children list of its parent with a set of Node or string objects. String objects are inserted as equivalent Text nodes.
Replaces this Element in the children list of its parent with a set of Node or string objects. String objects are inserted as equivalent Text nodes.
- Inherited from:
- Element
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.
- Inherited from:
- Element
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.
- Inherited from:
- Element
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.
- Inherited from:
- Element
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.
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.
- Inherited from:
- Element
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
- Inherited from:
- Element
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.
- Inherited from:
- Element
setAttributeNode() adds a new Attr node to the specified element.
setAttributeNode() adds a new Attr node to the specified element.
- Inherited from:
- Element
setAttributeNodeNS adds a new namespaced attribute node to an element.
setAttributeNodeNS adds a new namespaced attribute node to an element.
- Inherited from:
- Element
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.
- Inherited from:
- Element
Returns an object that represents the element's style attribute.
Returns an object that represents the element's style attribute.
- Inherited from:
- HTMLElement
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.
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.
- Inherited from:
- Element
Inherited fields
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
- Inherited from:
- Element
contentEditable is used to indicate whether or not the element is editable. This enumerated attribute can have the following values:
contentEditable is used to indicate whether or not the element is editable. This enumerated attribute can have the following values:
- Inherited from:
- HTMLElement
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.
- Inherited from:
- HTMLElement
fired when an element receives pointer capture.
fired when an element receives pointer capture.
- Inherited from:
- HTMLElement
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.
- Inherited from:
- Element
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.
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.
- Inherited from:
- 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.
- Inherited from:
- HTMLElement
Fired after pointer capture is released for a pointer.
Fired after pointer capture is released for a pointer.
- Inherited from:
- HTMLElement
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.
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.
- Inherited from:
- Node
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.
- Inherited from:
- Element
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.
- Inherited from:
- Element
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.).
- Inherited from:
- HTMLElement
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.
- Inherited from:
- Element
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.
- Inherited from:
- Element
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.
- Inherited from:
- Element
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).
- Inherited from:
- HTMLElement
fired when a pointer becomes active.
fired when a pointer becomes active.
- Inherited from:
- HTMLElement
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).
- Inherited from:
- HTMLElement
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 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.
- Inherited from:
- HTMLElement
fired when a pointer changes coordinates.
fired when a pointer changes coordinates.
- Inherited from:
- HTMLElement
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.
- Inherited from:
- HTMLElement
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.
- Inherited from:
- HTMLElement
fired when a pointer is no longer active.
fired when a pointer is no longer active.
- Inherited from:
- HTMLElement
Gets the markup of the element including its content. When used as a setter, replaces the element with nodes parsed from the given string.
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
- Inherited from:
- Element
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.
- Inherited from:
- Element
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.
- Inherited from:
- Element
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:
-
a ''negative value'' means that the element should be focusable, but should not be reachable via sequential keyboard navigation;
-
'''0''' means that the element should be focusable and reachable via sequential keyboard navigation, but its relative order is defined by the platform convention;
-
a ''positive value'' which means should be focusable and reachable via sequential keyboard navigation; its relative order is defined by the value of the attribute: the sequential follow the increasing number of the '''tabindex'''. If several elements share the same tabindex, their relative order follows their relative position in the document).
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.
- Inherited from:
- HTMLElement
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.
- Inherited from:
- Node
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.
- Inherited from:
- HTMLElement