jQuery,编辑内联样式标签

标签 jquery tags styles

我在使用 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的内容,以便它实时反射(reflect)到页面上。使用 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.)并没有使页面变得丑陋,我确实使用“Inspect Element”进行了检查,html确实发生了变化,但外观没有变化。那么……我做错了什么?

最佳答案

使用html似乎工作得很好。请参阅:

http://jsfiddle.net/tGSkS/

关于jQuery,编辑内联样式标签,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/10606244/

相关文章:

javascript - jQuery:完成拖动而不触发点击事件

javascript - 如何确保外部 JS 代码作为第一个加载

javascript - 在 javascript Jquery 中,如何确定从顶部到当前状态的位置...每次有人滚动?

javascript - angularfire2 - 获取标签数组

Android Support Library Build v26.X.X Build Error : Attribute “fontFamily” already defined with incompatible format

jquery - 根据分辨率交换占位符文本(媒体查询)

android - 在 Android 上读取 NFC-F 卡时出现 TagLostException

python - 迭代 XML 标签并在 Python 中获取元素的 xpath

html - 图像上带有文本的透明 div

WPF DataGrid,划掉该行