浏览器没报错但是没有想要的效果

点击Delete后，删除员工信息
浏览器没报错，但是不实现对应的功能

<script type="text/javascript">
            
                window.onland = function(){
                
                            
                           //获取所有超链接
                           var allA = document.getElementsByTagName("a");
                          
                           //为每一个超链接都绑定一个单击响应函数
                           for(var i=0;i<allA.length;i++){
                            allA[i].onclick = function(){
                
                                var tr = this.parentNode.parentNode;
                
                                //获取要删除的员工的名字
                                var name = tr.getElementByTagName("td")[0].innerHTML;
                
                                //删除之前弹出提示框
                              var flag = confirm("确认删除"+name+"吗？");
                               if(flag){
                                //删除tr
                                tr.parentNode.removeChild(tr);
                               }
                               
                              return false;
                            };
                           }
                        };
            
        </script>

<body>
    <table id="employeeTable">
        <tr>
            <th>Name</th>
            <th>Email</th>
            <th>Salary</th>
            <th>&nbsp;</th>
        </tr>
        <tr>
            <td>Tom</td>
            <td>tom@tom.com</td>
            <td>5000</td>
            <td><a href="javascript:;">Delete</a></td>
        </tr>
        <tr>
            <td>Jerry</td>
            <td>jerry@soho.com</td>
            <td>8000</td>
            <td><a href="deleteEmp?id=002">Delete</a></td>
        </tr>
        <tr>
            <td>Bob</td>
            <td>Bob@soho.com</td>
            <td>6000</td>
            <td><a href="deleteEmp?id=003">Delete</a></td>
        </tr>
    </table>
   
</body>

获取所有的a标签后，写了return false但是还是会跳转，
把第一个a标签修改成href="javascript:;"后不跳转了，但是点击后没有反应
点删除后，应该弹出确认删除的提示框，点击确认后再删除员工信息

展开全部

写回答
好问题 0 提建议
关注问题
分享
邀请回答
编辑收藏删除
收藏举报

3条回答默认最新

有一只小精灵 2023-01-29 05:21

关注

问题1：
onload写错了， window.onland 改成 window.onload
问题2：
tr.getElementByTagName写错了，改成 tr.getElementsByTagName
最终代码（改了下格式）：

<!DOCTYPE html>
<html>

<head>
    <meta charset="utf-8">
    <title></title>
</head>

<body>
    <table id="employeeTable">
        <tr>
            <th>Name</th>
            <th>Email</th>
            <th>Salary</th>
            <th>&nbsp;</th>
        </tr>
        <tr>
            <td>Tom</td>
            <td>tom@tom.com</td>
            <td>5000</td>
            <td><a href="javascript:;">Delete</a></td>
        </tr>
        <tr>
            <td>Jerry</td>
            <td>jerry@soho.com</td>
            <td>8000</td>
            <td><a href="deleteEmp?id=002">Delete</a></td>
        </tr>
        <tr>
            <td>Bob</td>
            <td>Bob@soho.com</td>
            <td>6000</td>
            <td><a href="deleteEmp?id=003">Delete</a></td>
        </tr>
    </table>

</body>
<script type="text/javascript">
    window.onload = function () {
        //获取所有超链接
        var allA = document.getElementsByTagName("a");
        //为每一个超链接都绑定一个单击响应函数
        for (var i = 0; i < allA.length; i++) {
            console.log(allA[i])
            allA[i].onclick = function () {
                var tr = this.parentNode.parentNode;
                //获取要删除的员工的名字
                var name = tr.getElementsByTagName("td")[0].innerHTML;
                //删除之前弹出提示框
                var flag = confirm("确认删除" + name + "吗？");
                if (flag) {
                    //删除tr
                    tr.parentNode.removeChild(tr);
                }
                return false;
            };
        }
    };

</script>

</html>

展开全部

本回答被题主选为最佳回答 , 对您是否有帮助呢?

查看更多回答(2条)

编辑

预览

报告相同问题？

关注问题

【编程实践】编程语言之 Smalltalk
2023-04-01 04:31

AI天才研究院的博客 Smalltalk，被公认为历史上第二个面向对象的程序设计语言，和第一个真正的集成开发环境（IDE）。Smalltalk由艾伦·凯，Dan Ingalls，Ted Kaehler，Adele Goldberg等于70年代初在Xerox PARC开发。Smalltalk对其它众多...
【Python小技巧】browser_cookie3访问Chrome浏览器Cookies文件报错的解决办法
2023-06-27 12:30

IT里的交易员的博客近期需要使用Chrome访问网页，并通过browser_cookie3需要提取其Cookie作为登录验证，之前113版本的Chrome浏览器写的代码都可以正常运行，但最近总是错误频发，总不能正常运行。甚是头疼。虽然解决方法很简单，过程中...
c语言编程双斜杠报错怎么办,以双斜杠//开头的URL的含义
2021-05-19 20:38

weixin_39521009的博客在HTML网页中,有时会发现类似于//www.studyofnet.com/news/1341.html这样的代码,那么,这种以双斜杠//开头的URL的含义是什么...它会判断当前的页…原文:以双斜杠//开头的URL – 依赖协议的URL 不知道大家有没有见过下...
热门编程语言间的差异
2020-10-11 16:18

SuanCaiyu1806的博客热门编程语言对比 1. C 用途操作系统开发软件开发硬件设计开发优点 C 语言高度可移动，在不同平台上运行几乎不需要做修改； C 语言基于变量、宏命令、函数和架构，几乎可以嵌入所有线代微型处理器；几乎所有...
24种编程语言的Hello World程序
2022-03-12 00:12

来自M78星云的汪星人的博客这篇文章主要介绍了 24 种编程语言的 Hello World 程序，包括熟知的 Java、C 语言、C++、C#、Ruby、Python、PHP 等编程语言，需要的朋友可以参考下。 Hello World，几乎是程序猿学习各种语言的第一个程序。心血来潮...
2021了，真的不要再说 Node.js 是一门编程语言了
2021-05-24 13:02

X可乐的博客 Node.js 不是一门编程语言，它是一个执行 JavaScript 代码的工具。工具是指可以安装在计算机操作系统之上的软件。为什么浏览器和 Node.js 都可以运行 JavaScript 因为浏览器和 Node.js 都内置了 JavaScript V8 ...
Go语言Web开发书城项目教程（含配套资料）
2021-06-16 10:58

Go是下一代的互联网开发语言；?Go是下一代互联网时代的C语言；?Go的并发如何如何高；...在Go中，如果你导入了一个包，但是没有用，或你定义了一个变量，后面没有使用这个变量都会报错。?本套课程从GoWeb基
vscode+编程AI配置、使用说明
2024-12-22 14:44

mahuifa的博客 vscode中常用的、免费的、功能强大的编程AI配置使用说明
iframe加载第三方网页报错问题记录(后续)
2024-12-16 17:32

鞋匠学编程的博客（6）通过服务端加了白名单，浏览器的普通模式下，iframe可以加载，但是在无痕模式下又不可以了，是为什么？（3）iframe加载失败，是因为跨域问题还是cookie无法获取的问题？是不是和域名有关，登录状态认证是如何...
Flex文件读取报错示例
2020-10-25 15:30

它使用ActionScript作为编程语言，并提供了MXML标记语言，能够快速开发出具有高互动性的应用程序界面。Flex应用程序主要运行在Adobe Flash Player或者Adobe AIR环境中。在Flex文件读取方面，遇到报错的情况可能由...
没有解决我的问题, 去提问

问题事件

关注

码龄粉丝数原力等级 --

被采纳

被点赞

采纳率
系统已结题 2月5日
关注

码龄粉丝数原力等级 --

被采纳

被点赞

采纳率
已采纳回答 1月29日
关注

码龄粉丝数原力等级 --

被采纳

被点赞

采纳率
修改了问题 1月29日
关注

码龄粉丝数原力等级 --

被采纳

被点赞

采纳率
创建了问题 1月29日

浏览器没报错但是没有想要的效果

3条回答 默认 最新

问题事件

3条回答默认最新