JavaScript - Un div superior a otro.

var id=0;

var ida=2;

function vatuitear(){

if (id<=ida) {

var nuevodiv=document.createElement("div"); //creamos un div, usando createElement.

var contenidoU=document.createElement("h2"); //acá lo mismo, pero éste llamara al usuario.

var contenidoA=document.createElement("h5"); //éste llamara al arroba.

var hora=document.createElement("span");

var descripcion=document.createElement("p"); // y éste llamar a la descripcion

var btncomenta=document.createElement("span");

var btnrt=document.createElement("span");

var btnfav=document.createElement("span");

	nuevodiv.appendChild(contenidoU); //acá hacemos que el divisor tome y se adueñe del contenidoU

	nuevodiv.appendChild(contenidoA); //acá igual, pero éste tomará al contenidoA.

	nuevodiv.appendChild(descripcion); // y acá tomará la descripción

	nuevodiv.appendChild(hora);// y acá tomará la hora

	nuevodiv.appendChild(btncomenta); // y acá tomará la descripción

	nuevodiv.appendChild(btnrt); // y acá tomará la descripción

	nuevodiv.appendChild(btnfav); // y acá tomará la descripción

	var viejo = document.getElementById("noticias"); //decimos que la variable "viejo" equivale al div ya creado, con el id NOTICIAS

	var diome= document.getElementById("medio"); // y acá la variable "diome" llamará al div "MEDIO"

	diome.insertBefore(nuevodiv, viejo); //acá hacemos que dentro del "diome" se inserte el nuevo div, dentro del viejo. o sea el que creamos dentro del "noticias"

	contenidoU.innerHTML=miusuario[0]; //acá contenidoU tendrá un valor de texto de el array "miusuario" en el lugar 1.

	contenidoA.innerHTML=miusuario[1]; //acá lo mismo pero contenidoA va a tomar el valor del array "miusuario" en el lugar 0.

	descripcion.innerHTML= document.getElementById("cajatexto").value; //acá, el elemento "descripcion" tendrá un valo rde texto de lo que vale la "cajatexto", es decir, lo que pongamos que querramos twittear aparecerá.

	document.getElementById("cajatexto").value=""; //ahora la caja de texto no tiene ningun valor; por lo tanto está vacía.

	document.getElementById("cajatexto").style.height="32px"; //la caja aumentará su alto a 60px.

	document.getElementById("espacio").style.height="54px"; //el espacio contenedor a 120pixeles.

	document.getElementById("botones").style.visibility="hidden"; // y el boton "twittear" desaparecerá

	/* ACA ARRANCAMOS A DARLE ESTILO A LOS ELEMENTOS, ATENTOS*/

	var s=1;

	var m=0;

setInterval(function(){

	hora.innerHTML=s + "seg";

	s++;

	if (s==60) {

		m++;

		hora.innerHTML= m+"min"+s+"seg";

	}

},1000)

	document.getElementById("noticias").style.display="flex";

	document.getElementById("noticias").style.flexDirection = "row-reverse";

	btncomenta.innerHTML="Responder";

	btnrt.innerHTML="Retwittear";

	btnfav.innerHTML="Favear";

		hora.className="tiempo";

	var conjuntos= [btncomenta, btnrt, btnfav];

	for (var i=0; i<conjuntos.length; i++){

	conjuntos[i].className="classbotones";

		nuevodiv.className = "class-noti";

		contenidoA.className="class-arroba";

		descripcion.className="class-descripcion";

	nuevodiv.style.zIndex = id;

}

	}

	ida+=2;

	id++;

	}