无刷新评论(动态表格)

最新推荐文章于 2023-03-10 10:13:24 发布

一只极度渴望成长的Giser

最新推荐文章于 2023-03-10 10:13:24 发布

阅读量97

点赞数

分类专栏： Javascript、JQuery练习文章标签：无刷新评论(动态表格)

本文链接：https://blog.csdn.net/qq_32077521/article/details/97615729

版权

Javascript、JQuery练习专栏收录该内容

69 篇文章 1 订阅

订阅专栏

<!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>

一只极度渴望成长的Giser

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
无刷新评论(动态表格)

<!DOCTYPE html><html><head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title></title> <meta charset="utf-8" /></...
复制链接

扫一扫

专栏目录