Dynamically add/remove elements via JavaScript

Adding Elements

example: appending an error span to form

var errSpan = document.createElement( "span");
errSpan.style.display = "block"; // add style
errSpan.classList.add( "error"); // add a class
errSpan.innerHTML = err;  //add content
errSpan.parentNode.appendChild( errSpan );  //append to parent

Removing Elements

removeNode()

Removes a child node from the DOM. Returns removed node.

var errSpan = field.getElementsByClassName("error")[0];
if( errSpan ) field.removeChild( errSpan );