如下所示:
function addDepartment() { var x = document.getElementById('department'); var l = x.childNodes.length; var li = document.createElement("li"); li.className = "list_nr_bg"; li.innerHTML = "专业:"; 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:
以上就是小编为大家带来的JS实现动态增加和删除li标签行的实例代码全部内容了,希望大家多多支持~