创建和填充<style>元素</style>

时间:2012-04-27 15:34:33

标签: javascript html css

Firefox和Chrome让我创建了一个<style>元素,并使用JavaScript填充它。我可以发誓过去我在IE中做过那种(比如,IE6),在不同的情况下。但是现在我无法让IE(7或8;还没试过9)让我设置它。

我有一个“cssText”属性的回忆,但现在在(神秘地减少了;有谁知道MSDN文档站点发生了什么?)MSDN文档只显示为样式表API的一部分而不是一个DOM元素。

那么:是否可以在Internet Explorer中创建和填充<style>元素?

Here是一个简单的jsfiddle示例,带有以下jQuery代码:

$('head').append($('<style/>', { html: 'div { color: red; }' }));

在Firefox,Chrome和Opera中运行良好。 (我想我应该尝试使用Android和iOS。)

编辑 - 是的,我尝试过设置“text”而不是“html”,但它没有帮助。试图在没有jQuery的情况下设置“innerText”也行不通。

1 个答案:

答案 0 :(得分:3)

以前我是这样做的。我几乎从我的一些旧代码中直接复制了这个,但是如果我没记错的话,styleSheet属性仅供IE使用,正如你所提到的那样,当你需要使用{{1}时}:

cssText

这是working example(在最新的Chrome和IE6中测试过)。