lowest-common-ancestor

by Paco86

HTML

<div id="a">
  a
  <div id="b">
    b
    <div id="c">c</div>
  </div>
  <div id="d">
    d
    <div id="e">e</div>
    <div id="f">
      f
      <div id="g">
        g
        <div id="h">h</div>
      </div>
      <div id="i">
        i
        <div id="j">j</div>
      </div>
    </div>
  </div>
</div>

CSS

div {
	padding: 20px;
	border: 1px solid black;
}

.child {
	background-color: rgba(255, 0, 0, .2);
}

.ancestor {
	background-color: rgba(0, 255, 0, .2);
}

JavaScript

var NODE_1 = 'g';
var NODE_2 = 'e';

var node1 = document.getElementById(NODE_1);
var node2 = document.getElementById(NODE_2);

node1.classList.add('child');
node2.classList.add('child');

var getAncestor = function(node1, node2) {


};


getAncestor(node1, node2).classList.add('ancestor');