为什么这个Javascript DOM方法不起作用？

Question

基本上，我尝试创建一个动态列表，允许用户添加列表/删除列表项。

问题出于某种原因

1）＆＃39; createTextNode＆＃39;在这个变量中不起作用。 2）

document.getElementById("myList").appendChild(list ).appendChild(inList);

有效，而

var listContainer = document.getElementById("myList").appendChild(list ).appendChild(inList);
 listCotnainer.appendChild(list).appendChild(inList);

不！

任何帮助将不胜感激。谢谢！！

另外，如果您能指导我编写动态列表的代码，我将不胜感激，这将为我节省大量时间。谢谢！

＆＃13;

＆＃13;

function addItem(txt) {
	var list = document.createElement("li");
	var listAtr = list.setAttribute("class", "list-group-item");
	listAtr.createTextNode(txt);
	
	var inList = document.createElement("button");
	var inListAtr = inList.setAttribute("class", "btn btn-default glyphicon glyphicon-minus");
 
	 document.getElementById("myList").appendChild(list ).appendChild(inList);
	//listCotnainer.appendChild(listAtr);
	}

	
	function removeItems() {
	  
	}

    
    function removeItem() {
    
    }

＆＃13;

<section>
    <div ng-controller="addElements">
	    <h3>{{subtitle}}</h3>
	    <button class="btn btn-default glyphicon glyphicon-plus" onclick="addItem('This is a test text')"></button>
		<button class="btn btn-default glyphicon glyphicon-minus" onclick="removeItems()"></button>
		<ul class="list-group" id="myList">
		    <!-- dynamically generate list items here -->
		</ul>
	</div>
 </section>

＆＃13;

＆＃13;

＆＃13;

Answer 1

您的变量listContainer错误。它应该是：

var listContainer = document.getElementById("myList");
listCotnainer.appendChild(list).appendChild(inList);