Necesito poner un botón en línea con el texto, como
Estoy haciendo algo como:
var list = document.getElementById('listaUnidadesCanjeadasAgregadas'); var entry = document.createElement('li'); var btnDlt = document.createElement('button'); entry.appendChild(document.createTextNode(inputSerie.val())); list.appendChild(entry); btnDlt.className = "btn-delete btn btn-default btn-xs glyphicon glyphicon-trash"; list.appendChild(btnDlt);
pero no es lo mismo porque la imagen aparece debajo del texto
¡Olvídate del fondo azul, no es importante! gracias gente
Última línea
list.appendChild(btnDlt);
está agregando a la lista en lugar de la entry
probar
entry.appendChild(btnDlt);
Prueba de esta manera1
var list = document.getElementById('listaUnidadesCanjeadasAgregadas'); var entry = document.createElement('li'); var btnDlt = document.createElement('button'); btnDlt.className = "";//Class list.appendChild(btnDlt); entry.appendChild(document.createTextNode('valor')); entry.appendChild(btnDlt); list.appendChild(entry);
<div class="d-flex h-100"> <ul id =listaUnidadesCanjeadasAgregadas> </ul> </div>