How can I create and style a div using JavaScript?

by 
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);
<body>
<div id="main"></div>
</body>
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);
OR
document.body.appendChild(div);

Use parent reference instead of document.body.

More Related Contents:

  1. Build an HTML table using React from arrays [closed]
  2. 5 stars and the golden 5 stars are not together (When browsing with Internet explorer)
  3. Does an array contain a specific item? [duplicate]
  4. Does JavaScript pass by reference? [duplicate]
  5. How to get the difference between two arrays of objects in JavaScript
  6. How can I trigger a JavaScript event click
  7. How to delete an item from state array?
  8. Convert a string to a template string
  9. Why doesn’t my equality comparison using = (a single equals) work correctly? [duplicate]
  10. How exactly does work?
  11. Reading client side text file using Javascript
  12. How to serialize an Object into a list of URL query parameters?
  13. How do I access an access array item by index in handlebars?
  14. Firestore collection group query on documentId
  15. Passing Javascript variable to
  16. Grasping prototypical Inheritance through pseudoclassical instantiation (JavaScript)
  17. Javascript – .innerHTML changes auto close tags
  18. React JS onClick event handler
  19. What is the angularjs way to databind many inputs?
  20. ECMAScript 6: what is WeakSet for?
  21. Storing user login/password input in a Greasemonkey script on install
  22. Mongoose: Find, modify, save
  23. How to open Safari from a WebApp in iOS 7
  24. AngularJS Load Data from Service
  25. How to write a simple jQuery plugin [closed]
  26. Proper use of ||
  27. javascript replace globally with array
  28. Is there a JavaScript alert that doesn’t pause the script?
  29. How to convert Moment.js date to users local timezone?
  30. Geolocation closest location(lat, long) from my position

Leave a Comment