Wie erstelle ich ein DIV mit JavaScript? ⇐ CSS

[Anonymous]

Ich habe die folgende , die ich mit HTML und CSS erstellt habe. Ich möchte nicht, dass diese Divs erstellt werden, wenn die Seite geladen wird. Stattdessen möchte ich, dass sie nur dann erstellt werden, wenn eine JavaScript -Funktion ausgeführt wird. Code in der Funktion oder muss ich JavaScript verwenden, um diese Divs zu erstellen? Wenn ich JavaScript verwenden muss, kann jemand erklären, wie?

Code: Select all

   





< /code>
 CSS < /h2>
.rowcontainer {
width: 100%;
height: 30px;
}

.name {
line-height: 30px;
float: left;
width: 60%;
height: 100%;
padding-left: 15px
}

.ako {
line-height: 30px;
text-align: center;
float: left;
width: 20%;
height: 100%;
}

.select {
line-height: 30px;
text-align: center;
float: right;
width: 15%;
height: 100%;
}

.checkbox {
height: 17px;
width: 17px;
margin: auto;
margin-top: 6px;
}
< /code>
Vielen Dank für alle Antworten, aber leider kann ich das nicht zum Laufen bringen. Wenn ich ein neues Dokument mit dem folgenden Code erstelle, erhalte ich ein leeres Fenster und der folgende Fehler.

let div = document.createElement("div");
div.id = "div_id" ;
div.className = "div_class";
div.style = "background-color: red;";
div.style.width = "100px";
div.style.height = "100px";
document.appendChild("div");