连续使用两个parentNote以后，出现问题： Cannot read properties of undefined (reading 'parentNode')

连续使用两个parentNote以后，出现问题：Uncaught TypeError: Cannot read properties of undefined (reading 'parentNode')

<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8">
        <title>添加删除记录练习</title>
        <link rel="stylesheet" type="text/css" href="./ex_2_style/css.css"/>
        <script type="text/javascript">
            
            window.onload = function(){
                
                var allAs = document.getElementsByTagName("a");
                for(var i= 0;i < allAs.length;i++){
                    allAs[i].onclick = function(){
                        
                        var trs = this.parentNote.parentNode;
                    
                        confirm("确认删除吗？");
                
                        trs.parentNode.removeChild(trs);
                        
                        
                        
                        return false;
                    };
                }
                
                
                
                
                
                
                
                
            };
        </script>
    </head> 
    <body>
        <table id="employeeTable">
            <tr>
                <th>Name</th>
                <th>Emali</th>
                <th>Salary</th>
                <th>&nbps;</th>
                
                
            </tr>
            <tr>
                <td>Draco</td>
                <td>droco@droco.com</td>
                <td>10000</td>
                <td><a href="javascript:;">Delete</td>
            </tr>
            <tr>
                <td>Harry</td>
                <td>harry@harry.com</td>
                <td>6000</td>
                <!-- deleteEmp?id=002 -->
                <td><a href="javascript:;">Delete</td>
            </tr>
            <tr>
                <td>Sherlock</td>
                <td>sherlock@sherlock.com</td>
                <td>8000</td>
                <td><a href="javascript:;">Delete</td>
            </tr>
        </table>
        <div id="formDiv">
            <h4>添加新员工</h4>
            <table >
                
                <tr>
                    <td class="word">name:</td>
                    <td class="inp"><input type="text" name="empName" id="empName" value="" /></td>
                </tr>
                <tr>
                    <td class="word">email:</td>
                    <td class="inp"><input type="text" name="email" id="email" value="" /></td>
                </tr>
                <tr>
                    <td class="word">salary:</td>
                    <td class="inp"><input type="text" name="salary" id="salary" value="" /></td>
                </tr>
                
                
                <tr>
                    <td colspan="2" align="center">
<button type="button" id="addEmpButton" value="abc">
    Submit
</button>                        
                        
                    </td>
                </tr>
            </table>
            
        </div>
    </body>
</html>

用谷歌浏览器打开后，点击delete按钮以后就会出现：

img

求帮看一下问题所在

log 一下this.parentNote，里面有没有值

无法读取未定义的属性 parentNode

this.parentNode 没有 这个属性

写错了
var trs = this.parentNode.parentNode;
不是 parentNote