DOM property watcher using ES6 proxies.

dom-property-watcher.js

// Watch accesses/sets on a DOM element property.
function watchPropsOn(el) {
  return new Proxy(el, {
    get(target, propKey, receiver) {
      //return Reflect.get(target, propKey, receiver);
            console.log('get', propKey);
      return el[propKey];
    },
    set(target, propKey, value, receiver) {
      console.log('set', propKey, value);
      target[propKey] = value;
    }
  });
}

let el = document.createElement('div');

let elProxy = watchPropsOn(el);
elProxy.textContent = 'hi there';
console.log(elProxy.textContent);