Wie erstelle ich ein DIV mit JavaScript?

Post a reply

Smilies
:) :( :oops: :chelo: :roll: :wink: :muza: :sorry: :angel: :read: *x) :clever:
View more smilies

BBCode is ON
[img] is ON
[flash] is OFF
[url] is ON
Smilies are ON

Topic review
   

Expand view Topic review: Wie erstelle ich ein DIV mit JavaScript?

by Anonymous » 18 May 2025, 20:49

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");



Top