2019-4-17收获

单击按钮将项目加入到列表中

**从左侧插入**

document.getElementById(“inputLeftIn”).addEventListener(“click”, function() {
if (txt.value == “” || txt.value == null) {return false}
var newItem = document.createElement(“li”);//创建一个节点
var textnode = document.createTextNode(txt.value);//创建一个文本节点,
newItem.appendChild(textnode);//把textnode添加到newItem中
content.insertBefore(newItem, content.childNodes[0]);
}, false)

注意:
首先创建一个节点,
然后创建一个文本节点,
然后将文本节点添加到LI节点上。
最后将节点添加到列表中。

appendChild()方法: 在这里插入图片描述
insertBefore()
在这里插入图片描述

猜你喜欢

转载自blog.csdn.net/lcc5252/article/details/89362536