使用javascript在div中获取iframe

Question

有没有办法在JavaScript中执行以下操作？

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

Answer 1

要按类名获取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");