0

Tengo el siguiente código con funciones DOM el cual muestra un texto con un color de fondo.

//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);
}

¿Cómo se le puede añadir un tamaño (ancho y alto) a este div? ¿Existen atributos en el style como width o height para poder añadirlo a "setAtrribute"?

Debería constar los siguientes elementos:

  • -Un título centrado en la caja del div.
  • -3 líneas de texto cualquiera.
  • -Un tamaño del div de 280x170.
  • -El div/caja debe estar alineado dentro del arriba a la izquierda.

http://subefotos.com/ver/?2f8bfe4b68e9cbdc75c720dfbaafb1c2o.png

¿A qué se debe el fallo de dimensiones y localización?

1
  • Si, existe width y height como atributos para modificar en CSS, te recomiendo tengas a la mano referencias de CSS para saber qué puedes y qué no se puede modificar: w3schools.com/cssref
    – Yikarus
    Commented el 17 may. 2017 a las 18:32

1 respuesta 1

0

Simple, el objeto div tiene una propiedad llamada style, mediante la cual puedes acceder a los atributos css que desees, entonces, tu código cambiaria así:

//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();

1

Tu Respuesta

By clicking “Publica tu respuesta”, you agree to our terms of service and acknowledge you have read our privacy policy.

¿No es la respuesta que buscas? Examina otras preguntas con la etiqueta o formula tu propia pregunta.