Đối tượng IFrame trong HTML DOM

Đối tượng IFrame trong HTML DOM đại diện cho phần tử <iframe> (khung nội tuyến). Nó cho phép truy xuất và điều khiển các thuộc tính cũng như nội dung bên trong iframe.

Tạo đối tượng IFrame

document.createElement("IFRAME");

Các thuộc tính chính của đối tượng IFrame

Ví dụ: Tạo iframe động

<!DOCTYPE html>
<html>
<head>
    <style>
        body { text-align: center; font-family: sans-serif; }
        .btn {
            background-color: #28a745; color: white; border: none;
            padding: 10px 20px; border-radius: 5px; cursor: pointer;
            font-size: 1rem; margin-top: 20px; display: inline-block;
        }
        .btn:hover { background-color: #218838; }
    </style>
</head>
<body>
    <h1>Ví dụ DOM IFrame Object</h1>
    <button onclick="createIframe()" class="btn">Tạo iframe</button>
    <script>
        function createIframe() {
            var iframe = document.createElement("IFRAME");
            iframe.setAttribute("src", "https://www.tutorialspoint.com/");
            iframe.style.width = "100%";
            iframe.style.height = "400px";
            iframe.style.border = "1px solid #ccc";
            document.body.appendChild(iframe);
        }
    </script>
</body>
</html>

Kết quả

Trước khi nhấn nút:

Sau khi nhấn nút "Tạo iframe":