Uncaught TypeError: Cannot read property 'parentNode' of undefined

2014-11-06 08:20:47 2.5k 阅读 AI 写同款 · GEO 优化AI 选题数据监测一键分发 ›

Svelte {#if} 块：编译时控制流与零运行时开销原理在前端框架中，条件渲染是基础但关键的控制流机制。其本质是将状态变化映射为 DOM 结构的确定性切换，核心挑战在于平衡响应式更新的及时性与运行时开销。主流方案如 React 的三元表达式、Vue 的 v-if 依赖运行时求值与虚拟 DOM diff，存在副作用风险与不可预测性能边界；而 Svelte 的 {#if} 块另辟路径——它不是语法糖，而是在编译期静态分析条件依赖、剥离判断逻辑、生成互斥的 DOM 操作函数指针。这种‘零成本抽象’使 {#if} 具备确定性生命周期、无 diff 开销、无闭包逃逸等技术阅读详情

本人新人，最近在学javascript，使用chrome调试js时出现Uncaught TypeError: Cannot read property 'parentNode' of undefined，不知道如何解决，希望有人能帮忙，十分感谢·

<!DOCTYPE html>
<html>
<head>
<title> new document </title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
<script type="text/javascript">
window.onload = function(){
var trs = document.getElementsByTagName('tr');
for(var i = 1; i < trs.length; i++){
trs[i].onmouseover = function(){
this.style.backgroundColor = "#f2f2f2";
}
trs[i].onmouseout = function(){
this.style.backgroundColor = "#fff";
}
}
}

function addTo(){
var table = document.getElementById('table');

var tr = document.createElement('tr');

var td = document.createElement('td');
td.innerHTML="<input type = 'text' />";
tr.appendChild(td);

td = document.createElement('td');
td.innerHTML="<input type = 'text' />";
tr.appendChild(td);

td = document.createElement('td');
td.innerHTML="<a href='javascript:deleteItem(this);'>删除</a>";
tr.appendChild(td);

table.appendChild(tr);
}

function deleteItem(obj){
var table = document.getElementById('table');
var tr = obj.parentNode.parentNode; //报错在这一行
table.removeChild(tr);

}
</script>
</head>
<body>
<table border="1" width="50%" id="table">
<tr>
<th>工号</th>
<th>姓名</th>
<th>选项</th>
</tr>

<tr>
<td>01</td>
<td>小明</td>
<td><a href="javascript:deleteItem(this);" >删除</a></td>
</tr>

<tr>
<td>02</td>
<td>小王</td>
<td><a href="javascript:deleteItem(this);" >删除</a></td>
</tr>

</table>
<input type="button" value="添加一行" onclick = "addTo();"/>
</body>
</html>

...全文

从报错到优化：一次Gauss JDBC参数限制排查实录（32767参数上限避坑指南）本文详细记录了排查GaussDB JDBC驱动因绑定参数数量超过32767上限而抛出`PSQLException`（报错信息为`Tried to send an out-of-range integer as a 2-byte value`）的全过程。文章深入分析了该限制的底层协议原理，并提供了应用层分批查询、使用临时表以及优化业务逻辑等多种解决方案，旨在帮助开发者规避此参数上限陷阱，构建更稳健的数据访问层。阅读详情

二医少年

JavaScript 87,983 成员 224,681 内容

+ 关注 + 加入社区

切换为时间正序

烟台派创网络科技有限公司 2017-03-17

打赏
举报

噢，我知道了，是不是用的选取节点的js，格式开头必须也是节点类型，所以，问题出现在节点类型上，谢谢了

烟台派创网络科技有限公司 2017-03-17

打赏
举报

居然遇到和我一样问题的人，做的练习都是一样的，从慕课网上找的吧

二医少年 2014-11-06

打赏
举报

解决了，十分感谢二楼！

slwsss 2014-11-06

打赏
举报


<!DOCTYPE html>
<html>
 <head>
  <title> new document </title>
  <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
  <script type="text/javascript">
      window.onload = function(){
           var trs = document.getElementsByTagName('tr');
           for(var i = 1; i < trs.length; i++){
                trs[i].onmouseover = function(){
                     this.style.backgroundColor = "#f2f2f2";
                }
                trs[i].onmouseout = function(){
                     this.style.backgroundColor = "#fff";
                }
          }
        }

     function addTo(){
           var table = document.getElementById('table');
           var tr = document.createElement('tr');

           var td = document.createElement('td');
           td.innerHTML="<input type = 'text' />";
           tr.appendChild(td);

           td = document.createElement('td');
           td.innerHTML="<input type = 'text' />";
           tr.appendChild(td);

           td = document.createElement('td');
           td.innerHTML="<a href='#' onclick='deleteItem(this);return false;'>删除</a>";
           tr.appendChild(td);

           table.appendChild(tr);
          }

      function deleteItem(obj){ 
obj.parentNode.parentNode.parentNode.removeChild(obj.parentNode.parentNode);
      }
  </script>
 </head>
 <body>
     <table border="1" width="50%" id="table">
     <tr>
    <th>工号</th>
    <th>姓名</th>
    <th>选项</th>
     </tr>

    <tr>
    <td>01</td>
    <td>小明</td>
    <td><a href='#' onclick='deleteItem(this);return false;' >删除</a></td>   
     </tr>

     <tr>
    <td>02</td>
    <td>小王</td>
    <td><a href='#' onclick='deleteItem(this);return false;' >删除</a></td> 
     </tr>

     </table>
     <input type="button" value="添加一行"  onclick = "addTo();"/>   
 </body>
</html>

Uncaught TypeError: Cannot read property 'parentNode' of undefined

相关推荐