项目场景:
由于获取不到插入的节点
问题描述:
获取节点时 没有及时加载
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>后