javascript - 关于JS插入一个DOM节点后，再通过点击删除操作删除之前插入的DOM节点问题？求大神帮忙

题主可能粗心，代码有一处错了。
源码循环中 i 改为 j，就好了。

                 for(var j=0;j<del_li.length;j++){
                     //alert(del_li.innerHTML);
                     //下面的i 改为 j 就好了
                     del_li[i].onclick = function(){
                         alert('ada');//测试
                         oul_b1.removeChild(this.parentNode); //删除oul_b1的子节点
                     }
                 };

删除部分代码需要采用事件代理的方式处理，你这样在onload绑定的事件只是对你现有的a标签有用，动态添加的标签并没有绑定事件，代理的方式也很简单，原理就是在现有的父元素绑定事件，通过冒泡来判断点击了哪里然后执行事件。
Jquery用on方法就可以实现。

前面有很多人说的错误，我只是给个一个推荐，看看基于vue.js的你这个需求的写法：http://cn.vuejs.org/guide/ 很干净简洁

remove会返回你删除的节点，你可以用一个变量保存它，之后在进行其他操作，比如说再添加回来

核心部分我稍微做了点改动：

window.onload = function(){
    var oul_b1 = document.getElementById('oul_1');
    var oBat_a2 = document.getElementById('bat_a2');
    oBat_a2.onclick = function(){
        var oli_b1 = document.createElement('li');
        var text_b2 = document.getElementById('text_a2');
        oli_b1.innerHTML = text_b2.value + "&nbsp;&nbsp;&nbsp;<a href='javascript:;'>删除</a>";
        oul_b1.appendChild(oli_b1);
        //下面的代码是给添加的li加一个class样式
        var calss_li = oul_b1.getElementsByTagName('li');
        for(var i=0;i<calss_li.length;i++){
             calss_li[i].className = 'oli';
        };
        
        //首先，添加完之后可以直接通过querySelector获取刚才添加的a标签
        //这里循环是没必要的，而且你的循环会导致之前已经绑定过删除事件的元素又被绑一遍
        //虽然没什么他错，但却是无用功
        oli_b1
            .querySelector('a')
            .addEventListener('click', function(){
                 //然后就是这里的this指的是a标签，他的父节点才是li
                 //从ul里删除
                 oul_b1.removeChild(this.parentNode);
            }, false);
    };
}

这个要用事件代理

window.onload = function() {
    document.getElementById('bat_a2').onclick = function(){
      var val = document.getElementById('text_a2').value;
      var text = '<li class="oli">' + val + "&nbsp;&nbsp;&nbsp;<a href='javascript:;'>删除</a></li>";
      document.getElementById("oul_1").insertAdjacentHTML('beforeEnd', text);
    }
    document.getElementById("oul_1").addEventListener("click", function(e) {
        if (e.target && e.target.nodeName == "A") {
            document.getElementById("oul_1").removeChild(e.target.parentNode);
        }
    });
}