创建<div>并动态附加<div>

Question

我正在尝试创建一个<div>动态的，<div>内部附加的内容。到目前为止，我的工作原理是：

var iDiv = document.createElement('div');

iDiv.id = 'block';

iDiv.className = 'block';

document.getElementsByTagName('body')[0].appendChild(iDiv);

我只是在创建第二个div并将其附加到第一个div时遇到麻烦。

我本质上想将其作为最终标记：

<div id="block" class="block">

   <div class="block-2"></div>

</div>