Javascript add style tag to head

[slivery]

I'm trying to add some css to an internal stylesheet with javascript. This is the code I've used: \[code\]function googleJS(){var iframe = document.getElementsByTagName('iframe')[0];var doc = iframe.contentWindow.document;var newScript = doc.createElement('style');newScript.setAttribute('.skiptranslate { display: none; }');var bodyClass = doc.getElementsByTagName('head')[0]; bodyClass.insertBefore(newScript, bodyClass.childNodes[2]);}\[/code\]However this results in: \[code\]<style .skiptranslate {display: none};></style> \[/code\]What is the proper method to use javascript to insert a style tag with the necessary CSS inside the DOM?Thanks