Zamiana elementu <div id="okno"> na inny element HTML (łacznie z kodem)
Element: <div id="okno">
document.querySelector("#okno").outerHTML = ...
<div id="okno"> <h2> ... </h2> </div>
Fragment kodu HTML (przyciski)
<div id="btn"> <button onclick="kod_1a()">Kod 1</button> <button onclick="kod_2a()">Kod 2</button> <button onclick="location.href='05.html'">Start</button> </div>
Funkcje z pliku skrypt.js
function kod_1a(){ document.querySelector("#okno").outerHTML = "<p id=\"okno\">Zwykły akapit tekstu zamiast bloku div</p>"; } function kod_2a(){ document.querySelector("#okno").outerHTML = "<img src=\"face.jpg\" alt=\"obrazek zamiast bloku div\" id=\"okno\"></p>"; }