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
    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

Al pulsar en “Publica tu respuesta”, muestras tu consentimiento a nuestros términos de servicio, política de privacidad y política de cookies

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