无刷新评论(动态表格)

本文链接： https://blog.csdn.net/qq_32077521/article/details/97615729
<!DOCTYPE html>
<html>
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title></title>
    <meta charset="utf-8" />
</head>
<body>
    <script type="text/javascript">
        window.onload = function () {
            var table = document.createElement('table');
            table.border = '1px';
            table.width = '300px';
            var tr = document.createElement('tr');
            var td1 = document.createElement('td');
            var td2 = document.createElement('td');
            td1.innerHTML = '猫猫：';
            td2.innerHTML = '沙发耶！';
            tr.appendChild(td1);
            tr.appendChild(td2);
            table.appendChild(tr);
            document.body.appendChild(table);
            var label = document.createElement('label');
            label.innerText = '昵称：';
            document.body.appendChild(label);
            var txtBox = document.createElement('input');
            txtBox.type = 'text';
            document.body.appendChild(txtBox);
            var txtArea = document.createElement('textarea');
            var div = document.createElement('div');//创建一个块级元素
            div.appendChild(txtArea);
            document.body.appendChild(div);
            var btn = document.createElement('button');
            btn.innerText = '评论';
            document.body.appendChild(btn);
            btn.onclick = function () {
                var td3 = document.createElement('td');
                var td4 = document.createElement('td');
                td3.innerText = txtBox.value;
                td4.innerText = txtArea.value;
                var tr2 = document.createElement('tr');
                tr2.appendChild(td3);
                tr2.appendChild(td4);
                table.appendChild(tr2);
            };
        };
    </script>
</body>
</html>
无刷新评论(动态表格)

猜你喜欢
