JavaScript DOM manipulation cheat sheet code example

Example 1: javascript cheat sheet

Best Cheat Sheet:
https://websitesetup.org/wp-content/uploads/2020/09/Javascript-Cheat-Sheet.pdf

Example 2: list of javascript cheat sheet

.filter(n => ...) => array

Example 3: javascript cheatsheet

document.getElementById("elementID").innerHTML = "Hello World!";

Example 4: dom javascript cheat sheet

// grab element on page you want to add stuff to
var firstHeading = document.getElementById('firstHeading');

// add both new elements to the page as children to the element we stored in firstHeading.
firstHeading.appendChild(newHeading);
firstHeading.appendChild(newParagraph);

// can also insert before like so

// get parent node of firstHeading
var parent = firstHeading.parentNode;

// insert newHeading before FirstHeading
parent.insertBefore(newHeading, firstHeading);

Example 5: list of javascript cheat sheet

.find(n => ...)  // es6
.findIndex(...)  // es6

Example 6: dom javascript cheat sheet

<div id='box1'>
  <p>Some example text</p>
</div>
<div id='box2'>
  <p>Some example text</p>
</div>