function highlightTdHeaders () {
  var nodes = document.querySelectorAll('th, td');
  
  nodes.forEach(function (node) {
    var headers = node.getAttribute('headers') !== null ? node.getAttribute('headers').split(" ") : [];
    function onHover () {
      headers.forEach(function (header) {
        var headerNode = document.getElementById(header);
        if (headerNode === null) {
          console.log(header + ' was not found');
        } else {
          headerNode.setAttribute('data-saved-style', headerNode.style);
          headerNode.style = 'background-color: yellow';
        }
      });
    }
    function onLeave () {
      headers.forEach(function (header) {
        var headerNode = document.getElementById(header);
        if (headerNode !== null) {
          headerNode.setAttribute('data-saved-style', headerNode.style);
          headerNode.style = headerNode.getAttribute('data-saved-style');
        }
      });
    }
    
    node.addEventListener('mouseenter', onHover);
    node.addEventListener('touchstart', onHover);
    node.addEventListener('mouseleave', onLeave);
    node.addEventListener('touchend', onLeave);
  });
}
highlightTdHeaders();