创建<样式>JavaScript 中的标签，然后访问 cssRules

发布于 2024-10-15 23:40:06 字数 620 浏览 6 评论 0原文

我真的希望这不是一个愚蠢的问题......在过去的几个小时里我一直在用头撞墙试图解决它。

谁能解释一下如何为 iframe 创建样式表，以便在 Chrome 和 Safari 中为我提供“cssRules”属性？

我的目的是将样式表添加到我在网页中创建的 iframe 中，因为它似乎没有附带样式表。后来，我希望将一些样式从封闭文档的样式表复制到 iframe 的样式表，但我还没有做到这一点。一旦我解决了上述问题，如果有人知道这样做的任何警告，我会提前感激不尽。

原文

分享到QQ

分享到微博

如果你对这篇内容有疑问，欢迎到本站社区发帖提问参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。

发布评论

需要登录才能够评论，你可以免费注册一个本站的账号。

走过海棠暮 2024-10-22 23:40:06

我已经在 Firefox 3.6、Chromium 8、Opera 11 (ubuntu 10.10)

temp.html 中进行了测试：

<style>
    body { background-color: blue; }
</style>

 <body>
    Hello
</body>

index.html：

<html>
<head>
    <script>
        function test(){
            // your new <style> tag
            var stl = document.createElement("style");
            // its content
            stl.innerHTML = "body { background-color: red}";

            // getting iframe
            var myIframe = document.getElementById("myiframe");

            // apply new CSS to iframe
            myIframe.contentWindow.document.
                    getElementsByTagName('head')[0].appendChild(stl);
        }
    </script>
</head>
<body>
    <iframe id="myiframe" src="temp.html"></iframe>
    <button onclick="test()">
</body>
</html>

当我单击按钮时，iframe 中的背景变为红色。

PS如果重复的话抱歉。我现在才打开您帖子中指向另一个主题的链接

I've tested in Firefox 3.6, Chromium 8, Opera 11 (ubuntu 10.10)

temp.html:

<style>
    body { background-color: blue; }
</style>

 <body>
    Hello
</body>

index.html:

<html>
<head>
    <script>
        function test(){
            // your new <style> tag
            var stl = document.createElement("style");
            // its content
            stl.innerHTML = "body { background-color: red}";

            // getting iframe
            var myIframe = document.getElementById("myiframe");

            // apply new CSS to iframe
            myIframe.contentWindow.document.
                    getElementsByTagName('head')[0].appendChild(stl);
        }
    </script>
</head>
<body>
    <iframe id="myiframe" src="temp.html"></iframe>
    <button onclick="test()">
</body>
</html>

When I click the button, background in iframe becomes red.

P.S. Sorry if it is repeating. I've only now opened the link in your post to another topic

回复收藏 0 原文

~没有更多了~