Creating Elements

document.createElement("li") makes a new element that is not on the page yet. Set its text and classes, then attach it with parent.append(element). Remove one with element.remove(). Turning an array of data into elements, one per item, is one of the most common jobs in front-end code.

How it reads

• createElement makes the element in memory only
• append is what puts it on the page
• children.length counts the elements inside the list

Cloud tip: Build all the elements first and append them in one go when you have hundreds of items; it keeps the page fast.