HTML DOM Reference

Sets or returns the accesskey attribute of an element addEventListener() Attaches an event handler to an element after() Inserts one or more nodes (elements) or strings after an element append() Adds (appends) one or several nodes (element) or strings after the the last child of an element appendChild() Adds (appends) a new child node after the the last child of an element attributes

Inserts one or more nodes (elements) or strings before an element blur()

Returns an elements's number of child elements childNodes

Returns the class name(s) of an element className Sets or returns the value of the class attribute of an element click()

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()

Searches the DOM tree for the closest element that matches a CSS selector compareDocumentPosition() Compares the document position of two elements contains() Returns true if a node is a descendant of a node 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 firstChild Returns the first child node of an element firstElementChild Returns the first child element of an element focus()

Returns the value of an element's attribute getAttributeNode()

Returns the size of an element and its position relative to the viewport getElementsByClassName() Returns a collection of child elements with a given class name getElementsByTagName() Returns a collection of child elements with a given tag name hasAttribute() Returns true if an element has a given attribute hasAttributes() Returns true if an element has any attributes hasChildNodes() Returns true if an element has any child nodes 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 new HTML element at a position relative to an element insertAdjacentHTML() Inserts an HTML formatted text at a position relative to an element insertAdjacentText() Inserts text into a position relative to an element insertBefore() Inserts a new child node before an existing child node isContentEditable Returns true if an element's content is editable isDefaultNamespace() Returns true if a given namespaceURI is the default isEqualNode()

Checks if two elements are the same node isSupported()

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 matches() Returns true if an element is matched by a given CSS selector 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 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 CSS selector(s) querySelectorAll() Returns all child elements that matches a CSS selector(s)

removeAttribute()

Removes an 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 scrollHeight Returns the entire height of an element, including padding scrollIntoView() Scrolls the an 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 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()