使用Javascript插入Iframe到Div - Greasemonkey

Question

我需要插入iframe到使用javascript的div。我需要用JavaScript編寫，所以我可以在一個greasemonkey腳本中使用代碼（並且greasemonkey只允許javascript）。

greasemonkey腳本將插入美國在線的搜索欄到各個網站。我已經在下面包含了可用的HTML代碼，所以您可以對它進行測試以查看最終結果是什麼時候生效。

這正是我需要做的，寫在HTML：

<div style="overflow: hidden; width: 564px; height: 43px; position: relative;"> 
<iframe src="http://aol.com" style="border: 0pt none ; left: -453px; top: -70px; position: absolute; width: 1440px; height: 775px;" scrolling="no"></iframe> 
</div> 

我需要在Greasemonkey的是HTML代碼的工作，這就要求它被寫在JavaScript。以下是我這麼遠（與「僞代碼」下面我的最後一個問題）：

var makeIframe = document.createElement("iframe"); 
makeIframe.setAttribute("src", "http://aol.com"); 
makeIframe.setAttribute("scrolling", "no"); 
makeIframe.setAttribute("border", "0pt"); 
makeIframe.setAttribute("border", "none"); 
makeIframe.setAttribute("left", "-453px"); 
makeIframe.setAttribute("top", "-70px"); 
makeIframe.setAttribute("position", "absolute"); 
makeIframe.setAttribute("width", "1440px"); 
makeIframe.setAttribute("height", "775px"); 
makeIframe.setAttribute("scrolling", "no"); 

var makediv = document.createElement("div"); 
makediv.setAttribute("height", "43px"); 
makediv.setAttribute("width", "564px"); 
makediv.setAttribute("position", "relative"); 
makediv.setAttribute("overflow", "hidden"); 

我已經知道如何可以插入iframe或插入DIV到網站的源代碼我需要將其插入到，這樣做：

var getRef = document.getElementById("div-id-to-insert-element-before"); 
var parentDiv = getRef.parentNode; 
parentDiv.insertBefore(iframe OR div, getRef); 

我想不出該怎麼辦，是怎麼寫的iframe INTO股利，然後插入該div到源代碼。最後一段代碼片段適用於將div或iframe插入源代碼，但我需要div中的iframe，然後將該div插入源代碼（使用最後一段代碼片段）。

任何想法？

Answer 1

1 - 您可以使用element.appendChild

makediv.appendChild(makeIframe); 

2或追加的iframe作爲HTML到像這個div，

makediv.innerHTML = '<iframe src="http://aol.com" style="border: 0pt none ;'+ 
        'left: -453px; top: -70px; position: absolute;'+ 
        'width: 1440px;'+ 
        'height: 775px;" scrolling="no"></iframe>'; 

不是插入makediv你想去的地方，

var getRef = document.getElementById("div-id-to-insert-element-before"); 
var parentDiv = getRef.parentNode; 
parentDiv.insertBefore(makediv, getRef); 

更新：

，不能設置風格setAttribute功能，

var makeIframe = document.createElement("iframe"); 
makeIframe.setAttribute("src", "http://aol.com"); 
makeIframe.setAttribute("scrolling", "no"); 
makeIframe.style.border = "none"; 
makeIframe.style.left = "-453px"; 
makeIframe.style.top = "-70px"; 
makeIframe.style.position = "absolute"; 
makeIframe.style.width = "1440px"; 
makeIframe.style.height = "775px"; 

var makediv = document.createElement("div"); 
makediv.style.height = "43px"; 
makediv.style.width = "564px"; 
makediv.style.position = "relative"; 
makediv.style.overflow = "hidden";