在JavaScript中动态更新时，innerHTML无法在IE8浏览器中运行

Question

我已经使用javascript动态创建了样式标记。然后创建样式并动态分配给样式对象innerHTML。但它在IE8浏览器中不起作用

JS小提琴：https://jsfiddle.net/erd3hbj8/

var style = document.createElement('style');
 style.type = 'text/css';
 style.innerHTML = ".myStyle{background-color: red;}";
 document.getElementsByTagName('head')[0].appendChild(style);

任何人都可以提供帮助。

谢谢， Bharathi