Pruebas con eventos dinámicos

Pruebas eventos dinámicos.

by Yolanda Robles

HTML

<div id="Prueba1" class="pru">
    <h3>Prueba inyección código con evento</h3>
    <div id="container"></div>
    <input id="boton" type="button" onclick="inyectar()"         value="Clicka para inyectar"/>
</div>

<div id="Prueba2" class="pru">
    <h3>Prueba de cambios del dom</h3>
    <p alm="" id="p">hola</p>
</div>

CSS

.pru
{
    border: solid 1px black;
    width: 100%;
    height:120px;
}

JavaScript

$("#boton").click( function() {
    var html="<input type='button' onclick= ";
    html= html + "'alert();' ";
    html = html + "id='btnPru' value='btn dinámico'/>";
    $("#container").append(html);
    
    //$("p").attr("alm","caca");
    $("p").append("jsjfslfjs");
    
});

document.getElementById("p").addEventListener("DOMNodeInserted", function(e) 
{
	alert('nodo insertado');
    
}, false);

document.getElementById("p").addEventListener("DOMSubtreeModified", function(e) 
{
	alert('cambio atributo');
    
}, false);