使用JavaScript获取<div>标签内的<iframe>标签

Question

使用JavaScript获取<div>标签内的<iframe>标签

4

在JavaScript中有没有一种方法可以做到以下几点：

通过类名获取一个div元素，
获取该div元素内部的iframe元素，
并添加一个属性（frameborder=0）。

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

- Rod

2个回答

1

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

- matan7890

网页内容由stack overflow 提供, 点击上面的

可以查看英文原文，
原文链接

- Adam Rackis · Accepted Answer

按类名获取div：

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

假设只有一个。

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

获取内部的iFrame：

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

设置属性：

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

或者，由于旧版本的IE不支持getElementsByClassName，考虑将id设置在iFrame上，然后只需执行以下操作：

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