Zamiana elementu <div id="okno"> na inny element HTML (łacznie z kodem)

Element: <div id="okno">
document.getElementById("okno").outerHTML = ...

	<div id="okno">
	  <h2> ... </h2>
	</div>
	

Fragment kodu HTML (przyciski)

	<div id="btn">	  
	  <button onclick="kod_1()">Kod 1</button>
	  <button onclick="kod_2()">Kod 2</button>
	  <button onclick="location.href='02.html'">Start</button>
	</div>
	

Funkcje z pliku skrypt.js

	function kod_1(){
	  document.getElementById("okno").outerHTML = "<p id=\"okno\">Zwykły akapit tekstu zamiast bloku div</p>";
	}

	function kod_2(){
	  document.getElementById("okno").outerHTML = "<img src=\"face.jpg\" alt=\"obrazek zamiast bloku div\" id=\"okno\"></p>";
	}