0
248
VistasCómo insertar <button> dentro de <li>desde javascript
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
·
Juan Pablo Isaza
2 Respuestas
Responde la pregunta0
Última línea
list.appendChild(btnDlt); está agregando a la lista en lugar de la entry
probar
entry.appendChild(btnDlt);
·
Juan Pablo Isaza
Denunciar
0
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>
·
Juan Pablo Isaza
Denunciar
Responde la pregunta