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
Last updated
Was this helpful?