用 JS（JavaScript ）实现增删改查

最新推荐文章于 2024-09-18 22:34:06 发布

原创

最新推荐文章于 2024-09-18 22:34:06 发布 · 7.2k 阅读

41 ·

CC 4.0 BY-SA版权

文章标签：

#javascript #js #html #html5

这篇博客介绍了如何利用JavaScript实现数据的增删改查功能。通过学习，读者可以掌握JavaScript在网页交互中的基本应用。

JS小例题

学习内容：
- 需求
总结：

学习内容：

需求

用 JavaScript 实现简单增删改查
实现代码

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <title>用户新增</title>
    <script>
        window.onload = () => {
    
    
            // 给获取的 id 添加点击事件
            // 添加用户
            document.getElementById("btn_submit").onclick = function () {
    
    
                let username = document.getElementById("username").value;
				console.log(username);
				let email = document.getElementById("email").value;
                let tel = document.getElementById("tel").value;
                let tbody = document.getElementById("userTbody");
                if (username !== null && username !== ''