JS实现动态增加和删除li标签行的实例代码

如下所示：

function addDepartment()
{
	var x = document.getElementById('department');
	var l = x.childNodes.length;
	var li = document.createElement("li");
	li.className = "list_nr_bg";
	li.innerHTML = "${baseInstitute.instituteName}专业：";
	x.appendChild(li);
}

function deleteDepartment(obj)
{
	if(window.confirm("确认删除吗？")){
		var li = obj.parentNode.parentNode; //获得当前行
		var ul = li.parentNode;//获得上一级标签
		ul.removeChild(li); //删除当前行
	} else {
		return false;
	}
}

HTML：

	

		所属院系：
		
	
	

		
		
		
		
			${baseInstitute.instituteName}
		
		
		/select>
		
		专业：
		
	

以上就是小编为大家带来的JS实现动态增加和删除li标签行的实例代码全部内容了，希望大家多多支持考高分网~