iframe 사이즈 조절

자바스크립트

by 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가 빠른가?

'자바스크립트' 카테고리의 다른 글

리액트(react) (0)	2023.02.06
JSTREE 간단 사용법 (8)	2022.12.05
자바스크립트 기본 문제 (0)	2022.08.22
audio/video (2)	2022.08.10
SWAL(SweetAlert) (0)	2022.06.08