DOM元素创添删和动态对象数组表格

5月9号作业

//1、完成一个简单的用户留言本，熟悉基本的DOM元素的创建，添加与删除操作
<script>
    function addComment(comment) {
        if(event.keyCode===13){      //回车对应的编码是: 13
            var li=document.createElement("li");
            li.innerHTML=comment.value;
            li.innerHTML+='&nbsp;&nbsp;<button onclick="del(this)">删除</button>';
            var ul=document.getElementById('list');
            if(ul.childElementCount===0){
                ul.append(li);
            }else {
                var first=ul.firstElementChild;
                ul.prepend(li,first)
            }
            comment.value=''
        }
    }
    function del(button) {
        if(confirm('是否要删除？')){
            var li=button.parentNode;
            li.remove()
        }
        //或者用三元运算简化
        // confirm('是否要删除？')?button.parentNode.remove():false

    }
</script>
-------------------------------------------------------------------------------------------------------
//2、创建一个对象数组，以它为表格数据，将其填充到页面中的表格去，并动态生成一张表