Home/ Questions/Q 8189337
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-06-07T03:14:46+00:00

This feels like a beginner question with a pretty obvious answer, but I can’t

  • 0

This feels like a beginner question with a pretty obvious answer, but I can’t figure it out for the life of me. What is the problem with my attempt below to create a new element and add it to the body?

var newDiv = document.createElement("div");
newDiv.setAttribute("id", "popup");
newDiv.setAttribute("width", "400px");
newDiv.setAttribute("height", "400px");
newDiv.setAttribute("backgroundColor", "red");
document.getElementsByTagName("body")[0].appendChild(newDiv);
newDiv.style.position = "absolute";
newDiv.style.left = "25px";
newDiv.style.top = "25px";
Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    Width and height attributes won’t work with “px” in them and I am not sure about the background attribute either. Either way, the following does work and is the way you should do it:

    var newDiv = document.createElement("div");
newDiv.setAttribute("id", "popup");
newDiv.style.width="400px";
newDiv.style.height="400px";
newDiv.style.backgroundColor="red";
document.getElementsByTagName("body")[0].appendChild(newDiv);
newDiv.style.position = "absolute";
newDiv.style.left = "25px";
newDiv.style.top = "25px";
    • 0