0
247
ViewsHow to insert <button> inside <li>from javascript
I need to put a button inline with text, like 
I am doing anything like:
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);
but its not the same because the image appears below the text
Forget the blue backgroud, its not important! Thank you people.
·
Juan Pablo Isaza
2 answers
Answer question0
last line
list.appendChild(btnDlt);
you are appending to the list instead of the entry
try
entry.appendChild(btnDlt);
·
Juan Pablo Isaza
Report
0
Try this way1
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
Report
Answer question