How can I create and style a div using JavaScript?

Question

Can anyone help to create and style div using JavaScript?

Answer 1

You can use the below code to achieve that:

var div = document.createElement("div");

div.style.width = "100px";

div.style.height = "100px";

div.style.background = "red";

div.style.color = "white";

div.innerHTML = "Hello";

document.getElementById("main").appendChild(div);

I hope this will help.

Want to become a Java Expert? Join Java Training now!!

Want to know more about Java? Watch this video on Java Tutorial | Java Course | Java For Beginners: