Javascript：将同样的<li>添加到mulitple <ul>

Question

我收到了以下代码：

var someUL1 = document.getElementById("someUl_1");
var someUL2 = document.getElementById("someUl_2");

someArray.forEach(function (anItem) {
     var li = document.createElement("LI");
     li.setAttribute("value", anItem);

     var p = document.createElement("P");
     p.innerHTML = anItem;
     li.appendChild(p);

     someUL1.appendChild(li);
     someUL2.appendChild(li);
});

这个只是将数组中的所有项添加到“someUL2”。

但是这个：

var someUL1 = document.getElementById("someUl_1");
var someUL2 = document.getElementById("someUl_2");

someArray.forEach(function (anItem) {
     var li = document.createElement("LI");
     li.setAttribute("value", anItem);
     li.innerHTML = anItem;

     var li2 = document.createElement("LI");
     li2.setAttribute("value", anItem);
     li2.innerHTML = anItem;

     someUL1.appendChild(li);
     someUL2.appendChild(li2);
});

确实

为什么第一个不会将数组中的项目添加到“UL”中？