html和js逆向添加li,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标签行的实例代码全部内容了，希望大家多多支持脚本之家~