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

前端之家收集整理的这篇文章主要介绍了JS实现动态增加和删除li标签行的实例代码前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。

如下所示:

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)
{
<span style="white-space:pre"> if(window.confirm("确认删除吗?")){
<span style="white-space:pre"> var li = obj.parentNode.parentNode; //获得当前行
<span style="white-space:pre"> var ul = li.parentNode;//获得上一级标签
<span style="white-space:pre"> ul.removeChild(li); //删除当前行
<span style="white-space:pre"> } else {
<span style="white-space:pre"> return false;
<span style="white-space:pre"> }
}

HTML:

  • 增加">