jquery - jQuery，编辑内联样式标签

我在使用某些CSS + JavaScript时遇到问题。您会看到，我正在尝试制作一种所见即所得的网页样式编辑器，其中有一个iframe可以加载包含此类代码的网页。

<head>
<style id=mystyle>
  /* something is here */
</style>
</head>
<body>
  <h1>Other, quite a lot autogenerated stuff along with javascript that add some interactivity.</h1>
</body>

现在，我需要修改#mystyle的内容，以使其实时反映在页面上。使用jQuery，我尝试使用多种技术来做到这一点，例如：

$(#mystyle).html(newcss);
$(#mystyle).replaceWith("<style id='mystyle'>"+newcss+"</style>")
$(#mystyle).after("the newcss along with style tag")，然后删除旧的。
$(#mystyle).delete() //只是看看会发生什么。

以上所有内容均无法更改网页的外观。实际上，删除标签（4.）并没有使页面变丑，并且我确实使用“检查元素”进行了检查，html的确发生了变化，但外观没有变化。所以...我做错了什么？

最佳答案

使用html似乎可以正常工作。看到：

http://jsfiddle.net/tGSkS/