使用JavaScript獲取div中的iframe

有沒有辦法在JavaScript中執行以下操作？使用JavaScript獲取div中的iframe

通過類名得到一個div，
得到在div
內的IFRAME和添加屬性（FRAMEBORDER = 0）

<html> 
    <body> 
     <div class="calendar"> 
      <iframe></iframe> 
     </div> 
    </body> 
</html>

來源

2011-12-30 Rod

爲了得到一個div按類名稱：

var allDivs = document.getElementsByClassName("calendar");

假設只有一個

var calendarDiv = document.getElementsByClassName("calendar")[0];

進去的IFRAME：

var iFrame = calendarDiv.getElementsByTagName("iframe")[0];

設置屬性：

iFrame.setAttribute("frameborder", "0");

或者，由於getElementsByClassName在舊版本不支持的IE，請考慮將ID設置爲iFrame和簡單地做：

document.getElementById("iFrameId").setAttribute("frameborder", "0");

來源

2011-12-30 19:25:33

注意'document.getElementsByClassName'不支持IE8和更低：http://caniuse.com/#search=getElementsByClassName – 2011-12-30 19:39:48

@AndreasKöberle - 謝謝你 - 我更新。 – 2011-12-30 19:41:07

注意：'document.getElementsByClassname（）'[在IE 9下不起作用]（http://www.quirksmode.org/dom/w3c_core.html#gettingelements）。查看[alternatives]（http://snook.ca/archives/javascript/your_favourite_1）以及如何使用[優雅]（http://www.ehow.com/how_7398289_use-implemented-two-different-browsers.html ）。 – 2011-12-30 19:41:46

首先，你需要給你的iframe ID。

之後，您可以使用函數document.getElementById（「」）來獲取iframe，並更改它的屬性。

例如：

<html> 
<body> 
    <div class="calendar"> 
     <iframe id="myIframe"></iframe> 
    </div> 
    <script type="text/javascript"> 
     document.getElementById("myIframe").frameborder = 1; 
    </script> 
</body> 
</html>

來源

2011-12-30 19:32:06 matan7890

使用JavaScript獲取div中的iframe

回答

相關問題