document.write – dinamično pisanje

Metoda document.write() izpiše podani niz neposredno v tok izhoda med fazo razčlenjevanja dokumenta. Uporablja se le v učnih primerih, saj po končnem nalaganju strani prepiše celotno vsebino.

PRIMER

<!DOCTYPE html>
<html lang="sl">
<head>
    <meta charset="UTF-8">
    <title>document.write – primer</title>
    <meta name="viewport" content="width=device-width, initial-scale=1">
    
    <style>
        body {
            font-family: Arial, sans-serif;
            padding: 16px;
        }
        button {
            margin: 8px 0;
            padding: 6px 12px;
            font-size: 14px;
        }
        pre {
            padding: 8px;
            border: 1px solid #ccc;
            white-space: pre-wrap;
        }
    </style>
</head>
<body>
    <h1>document.write – primer</h1>

    <button id="writeBtn">Dodaj odstavek z document.write()</button>

    <pre id="log"></pre>

    <script>
        document.getElementById("writeBtn").onclick = function () {
            // document.write deluje le med razčlenjevanjem, zato ga izvedemo v setTimeout,
            // da simuliramo “dinamično” pisanje po kliku.
            setTimeout(() => {
                document.write(
                    "<p style='margin: 12px 0;'><strong>Nov odstavek, ustvarjen z document.write()</strong></p>"
                );
                // Ker document.write po koncu nalaganja prepiše celotno stran,
                // v tem učnem primeru ne pišemo več loga po tem.
            }, 0);
            document.getElementById("log").textContent = 
                "document.write je bil izveden (pozor: prepisal bo celotno stran).";
        };
    </script>
</body>
</html>

REZULTAT