DOMの疑問

<div id="target"></div>
<script>
document.getElementById('target').innerHTML = "<div>divの中のidが消えました</div>";
document.getElementById('target').innerHTML = "<div>上の命令を実行した時点でidがなくなったのでここのgetElementByIdが効かないはずなのですが、なぜかこちらが出力されます</div>";
</script>

　どうなってるんだろう。