function addDivElement(id, parentId) {
  var element = document.createElement('div');
  element.setAttribute('id', id);
  if (parentId === 'body')
    document.body.appendChild(element);
  else
    document.getElementById(parentId).appendChild(element);
}

function generateDom() {
  addDivElement('container', 'body');
  addDivElement('composited-background', 'container');
  document.getElementById('composited-background').innerText = 'Text behind the orange box.';
  addDivElement('ancestor', 'container');
  addDivElement('composited-overlap-child', 'ancestor');
}