2

我遇到了一些 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，我尝试使用几种技术来做到这一点，例如：

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

以上所有都未能改变网页的外观。事实上，删除标签 (4.) 并没有使页面变得丑陋，我确实使用“检查元素”进行了检查，html 确实发生了变化，但外观没有。所以....我做错了什么？

4

2 回答 2

2

usinghtml似乎工作得很好。看：

http://jsfiddle.net/tGSkS/

于 2012-05-15T18:31:32.223 回答
0

如果您想在页面加载时设置特定元素的样式，则可以执行以下操作

$(function(){

  $('element-selector').css({
     style1:'value',
     style2:'value',
     style2:'value',
   });  

});

或在服务器上，有条件地呈现或动态构建您的样式表。

于 2012-05-15T18:02:15.583 回答