将简单的Jquery翻译成VanillaJS

Question

我有这个: $('#night > li').appendTo('#day');

代码将所有<li>元素移动<ul id="night">到结尾<ul id="day">.

请问,我怎么能把它翻译成VanillaJS？

我的意思是,我如何重写代码,所以我不需要Jquery？

到目前为止有这个:

的document.getElementById( '夜')li.appendTo.document.getElementById( '天').

Answer 1

在纯JavaScript中你可以这样做:

var night = document.getElementById("night");
var day = document.getElementById("day");
var lis = document.querySelectorAll("#night > li");

for (var i = 0, len = lis.length; i < len; i++) {
  day.appendChild(lis[i]);
}

见工作示例的小提琴.