Javascript prepend和appendchild之间的差异

我在列表中插入了一个新行，这是我的代码

 function newToDo() {
 var newTODoList = document.getElementById('toDoListInput');
 var newLine = document.createElement('li');
 var list = document.getElementById('list');
 newLine.textContent = newTODoList.value;
 newLine.class = 'newLineClass';
 list.prepend(newLine);

---

当我使用appendchild而不是prepend时，我的代码无法正常工作。。。它们之间有什么区别？

在列表前面添加项目。在列表末尾追加添加项。在SNIPED中有一个例子

$（'div'）
.append（'append'）
.prepend（“prepend”）
.before（'before'））
.之后（“之后”）
div{
边框：2个实心#bbb；
填充：10px；
利润率：10px自动；
}
跨度{
显示：块；
宽度：65px；
字体：粗体12px Arial，无衬线；
颜色：白色；
填充物：5px10px；
背景颜色：灰色；
}

-------内容------
这是否回答了您的问题？是的，非常感谢你，谢谢你。。。这个例子很容易理解