Как валидно добавить скрипт в head?

Question

[Иван Симонов]

Здравствуйте

Есть код

(function(){				
			'use strict';
						
			function loadContentToHead(){
				var head = document.querySelector('head');	
				var containerScriptToHead = document.createElement('div');
					containerScriptToHead.id = 'containerScriptToHead';					
					head.appendChild(containerScriptToHead);
				
				var xhr = typeof XMLHttpRequest != 'undefined' ? new XMLHttpRequest() : new ActiveXObject('Microsoft.XMLHTTP');
				xhr.open('get', 'file-scripts.html', true);
				xhr.onreadystatechange = function() {
					if (xhr.readyState == 4 && xhr.status == 200) { 					
						head.innerHTML = xhr.responseText;	
					} 
					else{
						console.log('Error');
					}
				}
				xhr.send();
			}
			loadContentToHead();	
			
	})();

Сейчас все работает, но создается div (валидатор ругается)
В html, который подгружается, находятся скрипты, поэтому использовать скрипт не могу

Answer 1

[Pavel Karinin]

Конечно div создается вы его сами добавляете туда, в этом месте:

var containerScriptToHead = document.createElement('div');
containerScriptToHead.id = 'containerScriptToHead';					
head.appendChild(containerScriptToHead);

удалите эти три строки из скрипта и все будет нормально

Comments

[Иван Симонов]

Если так сделать, происходит замена всего содержимого head на данные с загружаемого файла

[Pavel Karinin]

Иван Симонов, это происходит потому, что у вас так написано:
head.innerHTML = xhr.responseText;
т.е. вы полностью замещаете все что есть в head. используйте это:

head.insertAdjacentHTML('beforeend', xhr.responseText);

[Иван Симонов]

Pavel Karinin, Благодарю