使用javascript获取div内部的iframe_Javascript_Dom

使用javascript获取div内部的iframe

javascript dom

使用javascript获取div内部的iframe,javascript,dom,Javascript,Dom,有没有一种方法可以在JavaScript中执行以下操作通过类名获取div 将iframe放在div中并添加一个属性（frameborder=0）要按类名获取div： var allDivs = document.getElementsByClassName("calendar"); 假设只有一个 var calendarDiv = document.getElementsByClassName("calendar")[0]; 将iFrame放在内部： var iFrame = cal

有没有一种方法可以在JavaScript中执行以下操作

通过类名获取div

将iframe放在div中

并添加一个属性（frameborder=0）

要按类名获取div：

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

假设只有一个

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

将iFrame放在内部：

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

设置属性：

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

或者，因为在旧版本的IE中不支持代码> GETelEngsByCube No./Cube，请考虑在<代码> iFrAME上设置ID，并简单地做：

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

首先，您需要提供您的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>


document.getElementById（“myIframe”）.frameborder=1；

注意，

document.getElementsByClassName

在ie8及更低版本中不受支持：注意：

document.getElementsByClassName（）

。请查看并了解如何使用它们。@AymanSafadi-谢谢-我编辑此内容是为了通知OP。我讨厌你。

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