JSFiddle - React, Tailwind, and code Playground

by pierian_design

HTML

<div id="some-id"></div>
<pre id="log"></pre>
<button>Изменить DOM</button>

JavaScript

var target = document.querySelector('#some-id');

var observer = new MutationObserver(function(mutations) {
  mutations.forEach(function(mutation) {
    document.querySelector('#log').innerHTML += 'Изменения: ' + mutation.type + '\n';
  });

});

var config = {
  attributes: true,
  childList: true
};

observer.observe(target, config);

document.querySelector('button').onclick = function() {
  document.querySelector('#some-id').innerHTML = '<p>some paragraph</p>';
  document.querySelector('#some-id').setAttribute('data-some', '+100500');
};