DOM - Element


An element is the most common type of node in the DOM.

When you want to do something to an element, first you need to select it.

A dom element is generally the memory representation of:



See Attribute manipulation with DOM



getElementsByName The document function document.getElementsByName(name) returns a NodeList collection of elements in the Document that have a name attribute with the value name in a case-sensitive manner, in tree order

Child (Get|Add)

See DOM - Child Nodes of a Node

Content (Get|Add|Update)

See DOM - Element content


See node remove


See node move


See MutationObserver



The nodes representing HTML elements inherit their interface from the HTMLElement interface.

  • The HTMLElement interface holds methods and attributes related to a number of disparate features.
  • The HTMLUnknownElement interface is used for HTML elements that are not defined by the HTML specification.

Documentation / Reference

Discover More
Dom Attribute Set To Color Red
Attribute manipulation with DOM

How to add, delete, get any node attribute with the DOM
Browser Chrome Dom Elements Panel
Browser - DOM

This page is the DOM functionality in the browser. A browser has more object model (OM) To see the DOM in a browser, you use the devtools. The DOM is represented in the Elements panel. Example...

The DOM API is a specification that specifies all classes and function to manipulate the DOM tree. The DOM API is present natively in browser and may be implemented via a library in other application/environment....
DOM - Child Nodes of a Node

Child Nodes of an element in the dom tree Via child selector, you can select element that are child of another element. The childNodes property of an element returns a collection of child Node....
DOM - Node

In DOM, every markup in an (XML|HTML) document is a node represented in a tree view. Every DOM node has at least: a , a name, and a value, which might or might not be empty. Node Type...
DOM - Select an element by its id (with javascript and css example)

This article shows 1001 ways on how to select an element via its id attribute
Devtool Chrome Event Listener
DOM Event Handler - On Properties with Javascript (Interface Definition Language - IDL )

An IDL event handler is a way to define an event handler for one element via the on javascript properties known as the Interface Definition Language (IDL) (ie defined in the object interface, in the code)...
HTML - (Element|Tag|Markup)

element in HTML where: Tag In HTML, Tag name of an element are TR/html-markup/documents.htmlcase-insensitive. In XHTML, tag names are case sensitive and must be written in their canonical...
HTML - Document

An HTML document is a well-formed HTML string (ie that contains the html root element). web page The HTML textual representation can be stored: in a string in a file or in the body of an HTTP...
How to add/remove CSS inline-style with the DOM

This page talks on how to manipulate the HTML style attribute on the DOM. CSS To set an inline style, you use: the qualified method: method of an element or the shortcut...

Share this page:
Follow us:
Task Runner