我在使用 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,我尝试使用多种技术来做到这一点,例如:
-
$(#mystyle).html(newcss);
-
$(#mystyle).replaceWith("<style id='mystyle'>"+newcss+"</style>")
-
$(#mystyle).after("the newcss along with style tag")
,然后删除旧的。 -
$(#mystyle).delete()
//只是为了看看会发生什么。
以上所有方法都无法改变网页的外观。事实上,删除标签(4.)并没有使页面变得丑陋,我确实使用“Inspect Element”进行了检查,html确实发生了变化,但外观没有变化。那么……我做错了什么?
最佳答案
使用html
似乎工作得很好。请参阅:
关于jQuery,编辑内联样式标签,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/10606244/