iframe 사이즈 조절

자바스크립트

iframe 사이즈 조절

e7e 2022. 10. 20. 23:13

<!DOCTYPE html>
<html lang="ko">
<head>
    <meta charset="UTF-8">
    <title>메렁</title>
</head>
<body>
    <input type="text"  id="txt" value="miniPaint.html">
    <input type="button" value="누르숑" onclick="f_read()">
    <iframe id="merong" src="" frameborder="0" style="width:100%" scrolling="no" ></iframe>
<script>
    var vmerong = document.querySelector("#merong");
    var vtxt = document.querySelector("#txt");
    function f_read(){
        vmerong.src = vtxt.value;
        vmerong.onload = function(){
            console.log(vmerong.contentDocument.documentElement.scrollHeight);
            vmerong.height = vmerong.contentDocument.documentElement.scrollHeight+20;
        }
    }
</script>
</body>
</html>

으음... documentElement가 빠른가? body가 빠른가?