DOM modified

Dynamically added content check and style to it

by gauravsingh

HTML

<div class="wrapper">
     <div id="myDiv"></div>
   </div>
   <input type="button" id="btn" value="click here">

JavaScript

$(document).ready( function() {
    $("#btn").click(function() {
      $("#myDiv").append("<p class='btnSuccess'>Appended text</p>");
    });
    
    $(".wrapper").on('DOMSubtreeModified', "#myDiv", function() {
      alert('new added');
      $('.btnSuccess').css("background-color", "yellow");
  });
   
});