我试图将所有CSS代码添加到我的javaScript中,然后通过js文件加载它,我这样做,问题在哪里?这是我的js文件的第一行:将CSS文件附加到javascript到单个.js文件中
var innerstyle = '#container{width:800px;background:silver;margin:20px auto;padding:10px;color:gray;border-radius:5px}input{padding:3px}input[name="jsvar"]{width:250px;font-family:courier}#display{border:2px gray solid;border-radius:5px;color:white;margin:10px 0}#display #dtitle{background:gray;border-radius:2px 0;padding:10px 5px}#display #dmsg{min-height:20px}#clear{float:right;cursor:pointer;text-decoration:none;color:white;background:red;padding:2px 10px;border-radius:5px}#clear:hover{background:gold}.rtitle{padding:8px;background:pink;text-align:center}.rtitle input{border:1px solid red;float:right}.rtext{max-height:200px;overflow:auto;margin-bottom:5px}.rtext td{min-width:100px}.secfilter{margin-left:5px}';
var styletag = document.createElement('style');
var inst = document.createTextNode(innerstyle);
styletag.appendChild(inst);
var headref = document.getElementsByName('head');
headref.appendChild(styletag);
,这里是铬控制台消息:
Uncaught TypeError: undefined is not a function
Line 6;
''getElementsByName' [...]返回一个节点列表集合与给定名称[...]'不一个节点。我敢肯定你正在寻找'getElementsByTagName'而不是'getElementsByName' – 2014-12-06 14:59:34
我不确定你是否可以像这样注入CSS。尝试查看http://stackoverflow.com/questions/1720320/how-to-dynamically-create-css-class-in-javascript-and-apply或http://davidwalsh.name/add-rules-样式表 – ckuijjer 2014-12-06 15:00:56
'.getElementsByName()'函数用于通过其“名称”属性检索表单字段。你想''.getElementsByTagName()'在这里。 – Pointy 2014-12-06 15:03:29