当前位置: 代码迷 >> 综合 >> Uncaught TypeError: Cannot read property ‘appendChild‘ of null
  详细解决方案

Uncaught TypeError: Cannot read property ‘appendChild‘ of null

热度:58   发布时间:2024-02-21 15:31:13.0

项目场景:

由于获取不到插入的节点


问题描述:

获取节点时 没有及时加载

Uncaught TypeError: Cannot read property 'appendChild' of null

原因分析:

dom 动态操作表格

<!DOCTYPE html>

<html lang="en">

<head>

    <meta charset="UTF-8">

    <meta name="viewport" content="width=device-width, initial-scale=1.0">

    <title>表格</title>

    <script>

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

         table.border=1;

         table.width="100%"

         var tbody=document.createElement("tbody");

         table.appendChild(tbody);

         tbody.insertRow(0);

         tbody.rows[0].insertCell(0);

         tbody.rows[0].cells[0].appendChild(document.createTextNode("cell 1,1"));

         tbody.rows[0].insertCell(1);

         tbody.rows[0].cells[1].appendChild(document.createTextNode("cell 2,1"));

         tbody.insertRow(1);

         tbody.rows[1].insertCell(0);

         tbody.rows[1].cells[0].appendChild(document.createTextNode("cell 1,2"));

         tbody.rows[1].insertCell(1);

         tbody.rows[1].cells[1].appendChild(document.createTextNode("cell 2,2"));

         document.body.appendChild(table);

    </script>

</head>

<body>

    

</body>

</html>


解决方案:

将<script>标签移到</body>后

  相关解决方案