Javascript Create Stylesheet Dynamically
<html>
    <head>
    </head>
    <body>
<script>
var test = function(){
    var _style = document.getElementById("styleDialogLogon");
    if(!_style){
        _style = document.createElement('style');
        _style.setAttribute("id", "styleDialogLogon");
        _style.setAttribute("type", "text/css");
        _style.appendChild(document.createTextNode("label { display:block;float:left;width:45%;clear:left; }\n"));
        _style.appendChild(document.createTextNode(".clear { clear:both; }\n"));
        _style.appendChild(document.createTextNode("#resp { margin:10px;padding:5px;border:1px solid #ccc;background:#fff; }\n"));
        _style.appendChild(document.createTextNode("#resp li { font-family:monospace }"));
        document.getElementsByTagName('head')[0].appendChild(_style);
    }
}
</script>
        <button onClick="test();">test</button>
    </body>
</html>
Unless otherwise stated, the content of this page is licensed under Creative Commons Attribution-ShareAlike 3.0 License