> For the complete documentation index, see [llms.txt](https://dicksonui.gitbook.io/docs/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://dicksonui.gitbook.io/docs/api/element-object.md). # Element Object In the HTML DOM, the Element object represents an HTML element, like P, DIV, A, TABLE, or any other HTML element. ### 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 |