檢索包含iframe的文檔中的所有頭元素

Question

我試圖將style元素添加到文檔中的所有所有head元素，包括iframe中的元素。

如果我使用

var heads = document.getElementsByTagName('head'); 

它只是返回第一個head元素，而不是在iframe的人。 這是完整的代碼：

var heads = document.getElementsByTagName("head"); 
var style = document.createElement("style"); 
style.type = "text/css"; 
style.appendChild(document.createTextNode(css)); 
for(var i=0;i<heads.length;i++) heads[i].appendChild(style); 

但這似乎並不奏效！ 我在這裏做錯了什麼...？

Answer 1

這是爲我工作。感謝名單的所有幫助BTW -_-

try { if(top.location.href != window.location.href) { return; } } 
catch(e) { return; } 

window.setTimeout(getAllHeads, 1000); 

function getAllHeads() { 
    var heads = new Array(); 
    var head = document.getElementsByTagName("head")[0]; 
    if(head) addHead(head); 
    var frames = document.getElementsByTagName("iframe"); 
    for(var i = 0, len = frames.length; i < len; i++) { 
     var frame = frames[i]; 
     head = (frame.contentDocument).getElementsByTagName("head")[0]; 
     if(head) addHead(head); 
    } 

    function addHead(h) { heads.push(h); } 

    alert(heads.length); 
} 

Answer 2

如果你getElementsbyTagName('iframe')然後得到子元素？

請注意，您可能會對安裝在其中的iframe進行安全限制，以防止跨站點腳本。