how to manipulate objects in dom code example

Example 1: javascript dom manipulation

var newDiv = document.createElement('div');
newDiv.innerHTML = '<p>Hello World!</p>';
document.body.appendChild(newDiv);

Example 2: javascript es6 dom manipulation

const myChildElemet = myElement.querySelector('input[type="submit"]')

// Instead of
// document.querySelector('#foo > div.bar input[type="submit"]')