通过DOM动态删除多个节点报错原因理解

通过DOM动态删除多个节点报错原因理解

在DOM中，我们可以通过removeChild( )来删除元素的子节点，但有时当我们通过循环函数删除一个元素的多个子节点时，浏览器却显示：
Failed to execute ‘removeChild’ on ‘Node’: parameter 1 is not of type ‘Node’.

这是什么原因呢？接下来分析几个可能常出现的错误写法.

<ul id = "UL">
		<li><input type="text"></li>
	</ul>
	<button id = "btn">添加</button>
	<button id = "delete">DELETE</button>
	<script>
		var ul = document.getElementById("UL");
        var btn = document.getElementById("btn");
        var Delete = document.getElementById("delete");
        btn.onclick = function(event)
        {
        	var li = document.createElement("li");
        	var input = document.createElement("input");
        	li.appendChild(input);
        	ul.appendChild(li