¿Cómo puedo hacer que un fragmento de codigo html lo pueda agregar de forma dinámica por medio de JavaScript o jQuery, tengo el siguiente código HTML:
<section class="flex-container">
<div class="flex-item"><img class="Imagenes" src="img/actualizar.png" title="Actualizar" onclick="Actualiza();"/></div>
<div class="flex-item"><img class="Imagen" src="img/cloud.png" title="Descargar archivos TXT" onclick="Click();"/></div>
</section>
El fragmetno que quiero agregar es el siguiente:
<div class="flex-item" style="padding:6px;"><span class="icon-bell"></span><span class="count">1</span></div>
para que al final tenga como resultado esto:
<section class="flex-container">
<div class="flex-item"><img class="Imagenes" src="img/actualizar.png" title="Actualizar" onclick="Actualiza();"/></div>
<div class="flex-item"><img class="Imagen" src="img/cloud.png" title="Descargar archivos TXT" onclick="Click();"/></div>
<div class="flex-item" style="padding:6px;"><span class="icon-bell"></span><span class="count">1</span></div>
</section>