用DOM给网页插入表格时无显示。

首页课程实战体系课手记专栏慕课教程

<!DOCTYPE html>

<html>

<head>

<title> new document </title>

</head>

//创建table

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

table.border = "1";

table.width = "100%";

//创建tbody

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>

<body>

</body>

</html>

表格在页面中没有加载，控制台报错如下

Uncaught TypeError: Cannot read property 'appendChild' of null
    at 11.html:31

错误指向这一行 document.body.appendChild(table);

小怪兽爱吃肉

浏览 483回答 1

随时随地看视频慕课网APP