简易留言板

//css部分


    //JS部分

    `var item=document.getElementsByClassName("items")[0];
        function lalala(){
            var val=text.value;
            //创造一个储存写过东西的 li
            var li=document.createElement("li")
            //取出li 里面的文档
                li.innerHTML=val;
            //把创造的 li 放到合适的位置
                item.appendChild(li);
            //创建以后把 value 恢复到默认样子
                text.value="";
    
                //生成一个按钮
            var btn=document.createElement("button");
                btn.innerHTML = "删除";
                //把创造的删除按钮放到 li后面 方便 一会儿删除
                li.appendChild(btn);
                //创造一个点击事件
                btn.function(){
                    item.removeChild(li);
                }
        }
    

    你可能感兴趣的:(简易留言板)