<!DOCTYPE html>
<html>
<head>
<title>example</title>
</head>
<body>
<div class="cont">1</div>
<script>
var a = document.querySelector('div'); //записали в переменную ссылку на div
a.outerHTML = '<span>2</span>'; //убрали див из дерева (но не удалили!! он живет в переменной "a") и записали на его место спан
document.body.appendChild(a); //теперь вернем наш div
a.innerHTML = 11;
</script>
</body>
</html>