Empresas
Empregos
  • Sobre nós
  • Soluções
    • Publicação de vagas
      Publique sua vaga e receba candidatos qualificados em 48h.
    • Avaliações de candidatos
      Mais de 500 testes técnicos e psicológicos, mais anti-fraude.
    • Headhunting
      Busca executiva personalizada do início ao fim.
    • Folha de Pagamento + EOR
      Dispersão de folha e EOR em mais de 15 países da LATAM.
  • Preços
  • Empregos

0

268
Visualizações
Cómo insertar <button> dentro de <li>desde javascript

Necesito poner un botón en línea con el texto, como ingrese la descripción de la imagen aquí

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 ingrese la descripción de la imagen aquí

¡Olvídate del fondo azul, no es importante! gracias gente

about 4 years ago · Juan Pablo Isaza
2 Respostas
Responde à pergunta

0

Última línea

 list.appendChild(btnDlt);

está agregando a la lista en lugar de la entry

probar

 entry.appendChild(btnDlt);
about 4 years ago · Juan Pablo Isaza Relatório

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>

about 4 years ago · Juan Pablo Isaza Relatório
Responde à pergunta
Encontrar trabalhos remotos

Descubra a nova forma de encontrar um emprego!

melhores empregos
Principais categorias de trabalho
Empresas
Postar vaga Preços Comercial
Jurídico
Termos e Condições Política de privacidade
© 2026 PeakU Inc. All Rights Reserved.
Andres GPT
Recomende algumas ofertas para mim
Preciso de ajuda