---
description: >-
  In the HTML DOM, the Element object represents an HTML element, like P, DIV,
  A, TABLE, or any other HTML element.
---

# Element Object

### Properties and Methods

The following properties and methods can be used on all HTML elements:

| Property / Method         | Description                                                                                              |
| ------------------------- | -------------------------------------------------------------------------------------------------------- |
| accessKey                 | Sets or returns the accesskey attribute of an element                                                    |
| addEventListener()        | Attaches an event handler to the specified element                                                       |
| appendChild()             | Adds a new child node, to an element, as the last child node                                             |
| attributes                | Returns a NamedNodeMap of an element's attributes                                                        |
| blur()                    | Removes focus from an element                                                                            |
| childElementCount         | Returns the number of child elements an element has                                                      |
| childNodes                | Returns a collection of an element's child nodes (including text and comment nodes)                      |
| children                  | Returns a collection of an element's child element (excluding text and comment nodes)                    |
| classList                 | Returns the class name(s) of an element                                                                  |
| className                 | Sets or returns the value of the class attribute of an element                                           |
| click()                   | Simulates a mouse-click on an element                                                                    |
| clientHeight              | Returns the height of an element, including padding                                                      |
| clientLeft                | Returns the width of the left border of an element                                                       |
| clientTop                 | Returns the width of the top border of an element                                                        |
| clientWidth               | Returns the width of an element, including padding                                                       |
| cloneNode()               | Clones an element                                                                                        |
| compareDocumentPosition() | Compares the document position of two elements                                                           |
| contains()                | Returns true if a node is a descendant of a node, otherwise false                                        |
| contentEditable           | Sets or returns whether the content of an element is editable or not                                     |
| dir                       | Sets or returns the value of the dir attribute of an element                                             |
| exitFullscreen()          | Cancels an element in fullscreen mode                                                                    |
| firstChild                | Returns the first child node of an element                                                               |
| firstElementChild         | Returns the first child element of an element                                                            |
| focus()                   | Gives focus to an element                                                                                |
| getAttribute()            | Returns the specified attribute value of an element node                                                 |
| getAttributeNode()        | Returns the specified attribute node                                                                     |
| getBoundingClientRect()   | Returns the size of an element and its position relative to the viewport                                 |
| getElementsByClassName()  | Returns a collection of all child elements with the specified class name                                 |
| getElementsByTagName()    | Returns a collection of all child elements with the specified tag name                                   |
| hasAttribute()            | Returns true if an element has the specified attribute, otherwise false                                  |
| hasAttributes()           | Returns true if an element has any attributes, otherwise false                                           |
| hasChildNodes()           | Returns true if an element has any child nodes, otherwise false                                          |
| id                        | Sets or returns the value of the id attribute of an element                                              |
| innerHTML                 | Sets or returns the content of an element                                                                |
| innerText                 | Sets or returns the text content of a node and its descendants                                           |
| insertAdjacentElement()   | Inserts a HTML element at the specified position relative to the current element                         |
| insertAdjacentHTML()      | Inserts a HTML formatted text at the specified position relative to the current element                  |
| insertAdjacentText()      | Inserts text into the specified position relative to the current element                                 |
| insertBefore()            | Inserts a new child node before a specified, existing, child node                                        |
| isContentEditable         | Returns true if the content of an element is editable, otherwise false                                   |
| isDefaultNamespace()      | Returns true if a specified namespaceURI is the default, otherwise false                                 |
| isEqualNode()             | Checks if two elements are equal                                                                         |
| isSameNode()              | Checks if two elements are the same node                                                                 |
| isSupported()             | Returns true if a specified feature is supported on the element                                          |
| lang                      | Sets or returns the value of the lang attribute of an element                                            |
| lastChild                 | Returns the last child node of an element                                                                |
| lastElementChild          | Returns the last child element of an element                                                             |
| namespaceURI              | Returns the namespace URI of an element                                                                  |
| nextSibling               | Returns the next node at the same node tree level                                                        |
| nextElementSibling        | Returns the next element at the same node tree level                                                     |
| nodeName                  | Returns the name of a node                                                                               |
| nodeType                  | Returns the node type of a node                                                                          |
| nodeValue                 | Sets or returns the value of a node                                                                      |
| normalize()               | Joins adjacent text nodes and removes empty text nodes in an element                                     |
| offsetHeight              | Returns the height of an element, including padding, border and scrollbar                                |
| offsetWidth               | Returns the width of an element, including padding, border and scrollbar                                 |
| offsetLeft                | Returns the horizontal offset position of an element                                                     |
| offsetParent              | Returns the offset container of an element                                                               |
| offsetTop                 | Returns the vertical offset position of an element                                                       |
| outerHTML                 | Sets or returns the content of an element (including the start tag and the end tag)                      |
| outerText                 | Sets or returns the outer text content of a node and its descendants                                     |
| ownerDocument             | Returns the root element (document object) for an element                                                |
| parentNode                | Returns the parent node of an element                                                                    |
| parentElement             | Returns the parent element node of an element                                                            |
| previousSibling           | Returns the previous node at the same node tree level                                                    |
| previousElementSibling    | Returns the previous element at the same node tree level                                                 |
| querySelector()           | Returns the first child element that matches a specified CSS selector(s) of an element **Not supported** |
| querySelectorAll()        | Returns all child elements that matches a specified CSS selector(s) of an element **Not supported**      |
| remove()                  | Removes the element from the DOM                                                                         |
| removeAttribute()         | Removes a specified attribute from an element                                                            |
| removeAttributeNode()     | Removes a specified attribute node, and returns the removed node                                         |
| removeChild()             | Removes a child node from an element                                                                     |
| removeEventListener()     | Removes an event handler that has been attached with the addEventListener() method                       |
| replaceChild()            | Replaces a child node in an element                                                                      |
| requestFullscreen()       | Shows an element in fullscreen mode                                                                      |
| scrollHeight              | Returns the entire height of an element, including padding                                               |
| scrollIntoView()          | Scrolls the specified element into the visible area of the browser window                                |
| scrollLeft                | Sets or returns the number of pixels an element's content is scrolled horizontally                       |
| scrollTop                 | Sets or returns the number of pixels an element's content is scrolled vertically                         |
| scrollWidth               | Returns the entire width of an element, including padding                                                |
| setAttribute()            | Sets or changes the specified attribute, to the specified value                                          |
| setAttributeNode()        | Sets or changes the specified attribute node                                                             |
| style                     | Sets or returns the value of the style attribute of an element                                           |
| tabIndex                  | Sets or returns the value of the tabindex attribute of an element                                        |
| tagName                   | Returns the tag name of an element                                                                       |
| textContent               | Sets or returns the textual content of a node and its descendants                                        |
| title                     | Sets or returns the value of the title attribute of an element                                           |
| toString()                | Converts an element to a string                                                                          |
