DOM - Create an object in a form

Question

DOM - Create an object in a form

Navigation

#1 by (0 votes)

0

I have the following code with DOM functions which shows a text with a background color.

//Crear un div mediante DOM.
function crearCajaResumen(){
    var div = document.createElement("div");
    var texto = document.createTextNode("Texto");
    div.setAttribute("style", "background-color: #FE775A;");
    div.appendChild(texto);
    document.body.appendChild(div);
}

How can you add a size (width and height) to this div? Are there attributes in the style such as width or height to be able to add it to "setAtrribute"?

It should include the following elements:

-A title centered on the div box.
-3 lines of text either.
-A div size of 280x170.
-The div / box must be aligned inside the top left.

link

What is the reason for the failure of dimensions and location?

javascript dom

asked by omaza1990 17.05.2017 в 20:30

source

1 answer

when redimensioning the form the title of the X axis is hidden from me Total Facebook is not real in Google Analytics

score 0 · Answer 1

Simple, the div object has a property called style , by which you can access the attributes css you want, then, your code would change like this:

//Crear un div mediante DOM.
function crearCajaResumen() {
  var div = document.createElement("div");
  var texto = document.createTextNode("Texto");

  div.style.backgroundColor = "#FE775A";
  div.style.width = "100px";
  div.style.heigth = "100px";
  
  div.appendChild(texto);
  document.body.appendChild(div);
}

crearCajaResumen();