tengo un div con un id, dentro de este, hay varios div con otros divs dentro, de modo que muestran los datos como una lista, lo que quiero es añadir un div nuevo, pero si uso .innerHTML+= me lo añade al final de ese div contenedor... necesito que me lo muestre al principio.
he probado con .prepend(etiquetacompleta); y me lo añade al principio pero en plan texto, el dom me lo muestra como texto con "", y no como etiquetas...
function addmedicamento(esteid){
console.log("añado");
var valor = "added";
console.log("texto medicamento: "+valor);
if (valor == "") {
console.log("no hay texto");
return false;
}
//si hay texto se añade
else{
var dondeseponeunnuevomed=document.getElementById('listadomedic');
// dondeseponeunnuevomed.innerHTML+="añado "+valor;
// dondeseponeunnuevomed.prepend("añado "+valor+" | ");
var items = document.getElementsByClassName("medicamento");
var numerodelid=items.length+1;
var etiquetacompleta=' <div id="med'+numerodelid+'" class="row rowunafila bordenaranja"> <div class="col s10 colunafila medicamento">'+valor+'</div> <div class="col s2 colunafilaicon"> <span class="material-icons borrarmedicamento"onclick="borrareste(this)">close</span> </div> </div>';
// dondeseponeunnuevomed.prepend(etiquetacompleta);
dondeseponeunnuevomed.innerHTML+=etiquetacompleta;
}
}
<div id="listadomedic" class="col s12 collistamed disescrolldiag bordeverde">
<div id="med1" class="row rowunafila bordenaranja">
<div class="col s10 colunafila medicamento">
-a IBUPROFENO (ARGININA)
</div>
<div class="col s2 colunafilaicon">
<span class="material-icons borrarmedicamento"onclick="borrareste(this)">close</span>
</div>
</div>
<div id="med2" class="row rowunafila bordenaranja">
<div class="col s10 colunafila medicamento">
-b IBUPROFENO (ARGININA)
</div>
<div class="col s2 colunafilaicon">
<span class="material-icons borrarmedicamento"onclick="borrareste(this)">close</span>
</div>
</div>
</div>
<div class="col s2 colbusquedamedicon">
<span class="material-icons addmedicamento" onclick="addmedicamento(this)">playlist_add</span>
</div>