简易留言板

//css部分 <ul class="items"></ul> <textarea name="" id="text" cols="30" rows="10" value=""></textarea> <button "lalala()">点击留言</button>
//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);
            }
    }