html部分：

  <ul id="ul">
    <li>1</li>
    <li>2</li>
    <li>3</li>
    <li>4</li>
  </ul>

js部分：

var cache =document.getElementById('ul').children[0].cloneNode(true);
for (var i = 0; i < 3; i++) {
  document.getElementById('ul').appendChild(cache);
}

循环应该执行３次，最后运行结果是只插入了一次。求解