Skapa nya element

Finns två varianter. Antag att du har ett element som heter foo som du vill lägga in en div i, efter allt annat eventuellt innehåll. Variant 1:

var parent = document.getElementById("foo");
var newElem = document.createElement("div");
var content = document.createTextNode("Här är min div!");
newElem.appendChild(content); // lägg in text i div
parent.appendChild(newElem); // lägg in div i foo

Variant 2:

var parent = document.getElementById("foo");
parent.innerHTML += "<div>Här är min div!</div>"

Variant 1 är mer "rätt" (finns inga risker för markupfel etc.) men variant 2 är onekligen enklare.

jag vill skapa en knapp med javascript

jag vill ha hjälp med att skapa en knapp med javascript är tacksam för all hjälp

Tror det blir något i den här stilen:

var newElem = document.createElement("input");
newElem.setAttribute("type", "button");