尝试使用javascript将CSS附加到HTML页面的头部

本文介绍了尝试使用javascript将CSS附加到HTML页面的头部的处理方法，对大家解决问题具有一定的参考价值，需要的朋友们下面随着小编来一起学习吧！ 问题描述

我试图将CSS样式附加到HTML页面的头部，像这样...

I'm attempting to append CSS styling to the head of a HTML page like so...

var HEAD = document.getElementsByTagName("head")[0]; s = document.createElement('Style'); s.id = 'cssp'; s.type = 'text/css'; s.innerHTML = ecks.cssp; HEAD.appendChild(s);

$ b <不会出现在HTML页面中。我做错了什么？

However the CSS located in ecks.cssp never appears in the HTML page. What am I doing wrong?

只是一个fyi，我使用chrome测试。

Just an fyi, I'm using chrome to test.

推荐答案

有些方法可以添加样式元素，但是它们是依赖于浏览器的，与添加链接不同。

There are ways to add a style element, but they are browser dependent, unlike adding a link.

字符串必须是有效的css。

The string must be valid css.

function addStyle(str){ var el= document.createElement('STYLE'); el.type= 'text/css'; el.media= 'screen'; if(el.styleSheet){ // IE el.styleSheet.cssText= str; } else{ // Most browsers el.appendChild(document.createTextNode(str)); } document.getElementsByTagName('HEAD')[0].appendChild(el); }