【前端】通过Node节点对象来完成动态表格添加和删除

最新推荐文章于 2022-11-07 20:31:43 发布

zhujile521

最新推荐文章于 2022-11-07 20:31:43 发布

阅读量269

点赞数

分类专栏：前端文章标签： javascript css dom

本文链接：https://blog.csdn.net/zhujile521/article/details/105260030

版权

本文介绍如何利用JavaScript中的Node节点对象实现动态表格的添加和删除功能，以实现前端界面的交互更新。

摘要由CSDN通过智能技术生成

通过Node节点对象来完成动态表格添加和删除

效果如下：
在这里插入图片描述

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

    <style>
        table {
   
            border: 1px solid;
            margin: auto;
            width: 500px;
        }

        td, th {
   
            text-align: center;
            border: 1px solid;
        }

        div {
   
            text-align: center;
            margin: 50px;
        }
    </style>

</head>
<body>

<div>
    <input type="text" id="id" placeholder="请输入编号">
    <input type="text" id="name" placeholder="请输入姓名">
    <input type="text" id="gender" placeholder="请输入性别">
    <input type="button" value="添加" id="btn_add">

</div>


<table

最低0.47元/天解锁文章

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

zhujile521

关注关注

0
点赞
踩
2

收藏

觉得还不错? 一键收藏
0
评论
【前端】通过Node节点对象来完成动态表格添加和删除

通过Node节点对象来完成动态表格添加和删除效果如下：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>动态表格</title> <style> table { ...
复制链接

扫一扫