动态创建/删除表格内容

最新推荐文章于 2023-05-22 11:39:11 发布

浔归夜梦

最新推荐文章于 2023-05-22 11:39:11 发布

阅读量239

点赞数

文章标签： javascript

本文链接：https://blog.csdn.net/weixin_53758688/article/details/124737480

版权

这篇博客探讨了如何利用JavaScript在HTML表格中动态添加和移除内容。文章首先指出表格应当有初始数据，然后重点讲解了CSS样式在美化表格中的应用，以及JavaScript的核心函数和方法，如createElement和removeChild，用于实现表格内容的动态操作。

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

表格内需初始有内容

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="stu.css">
</head>
<body>
    <h1>新增学员</h1>
    <div class="info">
        姓名：<input type="text" class="uname"> 年龄：
        <input type="text" class="age"> 性别:
        <select name="gender" id="" class="gender">
            <option value="男">男</option>
            <option value="女">女</option>
        </select> 薪资：
        <input type="text" class="salary"> 就业城市：
        <select name="city" id="" class="city">
            <option value="北京">北京</option>
            <option value="上海">上海</option>
            <option value="广州">广州</option>