html部分

js部分

    // 通过document获取

    var btn = document.getElementById('btn');

    var list = document.querySelector('.list');

    var text = document.getElementById('text');

    btn.onclick = function(){

        // 如果text为空则提示

        if(text.value == ''){

            alert('请输入内容')

        }else{

            var li = document.createElement('li');

            // innerHTML像对象插入内容

            li.innerHTML = text.value+''+'删除';

            text.value='';

            list.insertBefore(li,list.children[0]);

            //获取上面插入的button

            var allB = document.querySelectorAll('button');

            for(var i=0;i

                    list.removeChild(this.parentNode.parentNode);

                }

            }

        }

    }