gpt4 book ai didi

html - 在 JavaScript 中创建 <style> 标签,然后访问 cssRules

转载 作者:行者123 更新时间:2023-11-28 14:48:52 25 4
gpt4 key购买 nike

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

这本质上是 How to create a <style> tag with Javascript 的后续问题, Stack Overflow 上的其他地方。 Tom 和 Michael 描述的技术在 IE、Firefox 和 Opera 中工作得很好,在 Chrome 和 Safari 中也几乎工作。问题是,在 Chrome 和 Safari 中,没有为样式表创建“cssRules”属性!其他浏览器创建一个“cssRules”属性(好吧,IE 创建一个“规则”属性,但你已经知道了)。

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

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

最佳答案

我已经在 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 中的背景变为红色。

附言对不起,如果它是重复的。我现在才打开您帖子中指向另一个主题的链接

关于html - 在 JavaScript 中创建 &lt;style&gt; 标签,然后访问 cssRules,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/4903175/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com