不会计算机。 2024-05-11 16:21 采纳率: 66.7%
浏览 4
已结题

如何实现JavaScript节点添加

这个按添加一行，然后怎么用一个弹窗加进去啊，知道一点思路但是打不出来，是不是用spilt()！？

img

  • 写回答

3条回答 默认 最新

  • 笑面虎 2024-05-11 16:21
    关注

    以下内容由CHATGPT及笑面虎共同生成、有用望采纳：

    【您想要解决的问题】： 您想要解决的问题是如何在网页上实现通过JavaScript动态添加数据行到表格中，并且您希望通过一个弹窗来输入数据并确认添加。

    【图片内容】： 您上传的图片显示了一个包含姓名的表格，表格中有一个输入框和两个按钮“增加一行”和“修改标题样式”。此外，还有一个示例数据行“李美丽-JavaScript-91”，以及一个用户名“CSDH@不会计算机”。

    【问题出现原因】： 您可能在尝试实现一个功能，允许用户输入数据并通过点击“增加一行”按钮将其添加到表格中。您提到了split()方法，这通常用于处理字符串并将其分割成数组，这可能是您计划用来处理输入数据的方式。

    【问题解决方案】： 要实现这个功能，您需要HTML来创建表格和输入框，JavaScript来处理事件和动态添加行。以下是一个简单的示例：

    <!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>动态添加表格行</title>
</head>
<body>

<input type="text" id="newRowInput" placeholder="输入姓名-科目-分数">
<button onclick="addRow()">Add Row</button>

<table id="dataTable">
    <tr>
        <th>姓名</th>
        <th>科目</th>
        <th>分数</th>
    </tr>
    <!-- 数据行将被添加到这里 -->
</table>

<script>
function addRow() {
    var table = document.getElementById("dataTable");
    var input = document.getElementById("newRowInput").value;
    var rows = input.split("-"); // 使用split()分割输入的字符串

    if(rows.length === 3){
        var newRow = table.insertRow(-1); // 在表格最后添加一行
        var cell1 = newRow.insertCell(0);
        var cell2 = newRow.insertCell(1);
        var cell3 = newRow.insertCell(2);

        cell1.innerHTML = rows[0]; // 姓名
        cell2.innerHTML = rows[1]; // 科目
        cell3.innerHTML = rows[2]; // 分数

        document.getElementById("newRowInput").value = ''; // 清空输入框
    } else {
        alert("请输入正确的格式: 姓名-科目-分数");
    }
}
</script>

</body>
</html>

    【代码运行方式】： 这段代码可以在任何现代的网页浏览器中运行。只需将代码复制到一个HTML文件中，然后用浏览器打开这个文件即可。

    【代码预期运行结果】： 当用户在输入框中输入数据（如“张三-数学-85”），点击“Add Row”按钮后，表格中将添加一行新的数据，格式为“张三 数学 85”。

    【推荐相关链接】：

    本回答被题主选为最佳回答 , 对您是否有帮助呢?
    评论 编辑记录
查看更多回答(2条)

报告相同问题？

问题事件

  • 系统已结题 5月21日
  • 已采纳回答 5月13日
  • 创建了问题 5月11日

悬赏问题

  • ¥30 为什么会失败呢，该如何调整
  • ¥50 如何在不能联网影子模式下的电脑解决usb锁
  • ¥20 服务器redhat5.8网络问题
  • ¥15 如何利用c++ MFC绘制复杂网络多层图
  • ¥20 要做柴油机燃烧室优化 需要保持压缩比不变 请问怎么用AVL fire ESE软件里面的 compensation volume 来使用补偿体积来保持压缩比不变
  • ¥15 python螺旋图像
  • ¥15 算能的sail库的运用
  • ¥15 'Content-Type': 'application/x-www-form-urlencoded' 请教 这种post请求参数，该如何填写？？重点是下面那个冒号啊
  • ¥15 找代写python里的jango设计在线书店
  • ¥15 请教如何关于Msg文件解析