Append JS/CSS dynamic

append.script.js

var head = document.getElementsByTagName( 'head' )[0];
     	
var link = document.createElement('link');
link.rel = 'stylesheet';
link.href = 'css/templates/' + template + '.css';
head.appendChild(link);
     	
var sources = [ 'js/jsrender.min.jsss', 'js/templates/' + template + '.jsss' ];
for(var i=0,ii=sources.length; i<ii; i++){
  var script = document.createElement( 'script' );
  script.type = 'text/javascript';
  head.appendChild( script );
  script.src = sources[i];
};



////////



var sheet = (function() {
	var style = document.createElement("style");
	// style.setAttribute("media", "screen")
	// style.setAttribute("media", "@media only screen and (max-width : 1024px)")
	// WebKit hack :(
	style.appendChild(document.createTextNode(""));
	document.head.appendChild(style);
	return style.sheet;
})();

// sheet.addRule("#myList li", "float: left; background: red !important;", 1);
// sheet.insertRule("header { float: left; opacity: 0.8; }", 1);
// sheet.insertRule("@media only screen and (max-width : 1140px) { header { display: none; } }");
// sheet.insertRule(“@media all { selector1 { rule : value } selector2 { rule : value } }”, 0);

function addCSSRule(sheet, selector, rules, index) {
	if(sheet.insertRule) {
		sheet.insertRule(selector + "{" + rules + "}", index);
	} else {
		sheet.addRule(selector, rules, index);
	}
}
addCSSRule(sheet, "header", "float: left");