Question

我正在使用带有bbcode的phpbb3论坛来插入iframe。我想在论坛中使用ifss的css。我尝试了一些我在这里找到的代码，但它没有用。我可能做错了但是我很乐意让这个工作，特别是因为用户可以改变论坛css。论坛是：botdls.prophbb.com，iframe是顶部的“shoutbox”。谢谢。以下是我从谷歌发现的这个网站使用的代码。

var cssLink = document.createElement("link") 
            cssLink.href = "pFstylesEditor.css"; 
            cssLink .rel = "stylesheet"; 
            cssLink .type = "text/css"; 

            //Instead of this
            //frames['frame1'].document.body.appendChild(cssLink);
            //Do this

            var doc=document.getElementById("edit").contentWindow.document 

            ///If you are doing any dynamic writing do that first
            doc.open;
            doc.write(myData);
            doc.close();

            //Then append child
            doc.body.appendChild(cssLink);

Answer 1

我马上发现了一个问题。您正在父文档中创建一个元素并尝试将其附加到子文档 - 这将不起作用。您需要使用子框架的文档来创建元素：

var doc=document.getElementById("edit").contentWindow.document;

var cssLink = doc.createElement("link");
cssLink.href = "pFstylesEditor.css";  
cssLink.rel = "stylesheet";  
cssLink.type = "text/css";  

///If you are doing any dynamic writing do that first 
doc.open();        // <-- you also missed the parenthesis here
doc.write(myData); 
doc.close(); 

//Then append child 
doc.body.appendChild(cssLink);

此外，open是一种方法，您错过了括号（open()）。

在iFrame上从父级获取CSS

1 个答案: