Dynamically add items to a webpage header

script.js

  var tempChild = {};
  var head = document.head;
  if (!head) head = document.getElementsByTagName('head')[0];
  
  
  var dynamicloads = head.getElementsByClassName('dynamicload');
  for (var i = 0; i < dynamicloads.length; i++) {
      dynamicloads[0].parentNode.removeChild(dynamicloads[0]);
  }
  
  for (var i = 0; i < componentTemplate.children.length; i++) {
      tempChild = head.querySelector('#' + componentTemplate.children[i].attributes['id'].value);
      if (!tempChild) {
          componentTemplate.children[i].setAttribute('class', 'dynamicload');
          head.appendChild(componentTemplate.children[i]);
          i--;
      }
  }