Vanilla JS

↪ DOM manipulation

The DOM (Document Object Model). It is not HMTL nor is it the Devtools in the browser but an API(programming interface) for valid HTML and well-formed XML documents. 

In this module, we will have a look at the basics of DOM manipulation using JavaScript and learn to create simple applications based on majorly manipulating different parts of the DOM. 

The Basics of DOM manipulation.

To be able to understand how to manipulate the DOM, one needs to understand, HTML, a bit CSS and how the two work , and how basic JavaScript syntax. Doing DOM manipulation is always in three steps:
  1.  REFERENCE the DOM(usually the document object )
  2. SELECT or CREATE a DOM element/ Do something with the DOM
  3. DO Something with the element
Check out MDN for more details on how to use JavaScript to manipulate the DOM