Bevezetés a webprogramozásba - 27. Dinamikus HTML elem létrehozása Javascript segítségével

 Már az alap fájlba nem csak értékeket adunk át, hanem egyenesen elemeket hozunk létre





Forráskód:


<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title> Javascript </title>
<script>
function listahoz(){
var bekezd = document.createElement("p");
bekezd.innerHTML = "Új elem!!!";
document.getElementById("kiir").appendChild(bekezd);
}
</script>
</head>
<body>

<p><input type="button" value="Visszafelé" onclick="listahoz()"></p>
<div id="kiir">Lista:</div>


</body>
</html>

Videó: