javascript创建table

最新推荐文章于 2023-09-30 21:41:05 发布

luis163

最新推荐文章于 2023-09-30 21:41:05 发布

阅读量72

点赞数

分类专栏： JAVASCRIPT 文章标签： JavaScript J# HTML ViewUI

本文链接：https://blog.csdn.net/toxm16/article/details/83641166

版权

JAVASCRIPT 专栏收录该内容

4 篇文章 0 订阅

订阅专栏

<html>
<head>
<title>Sample code - Traversing an HTML Table with JavaScript and DOM Interfaces</title>
<script>
function start() {
// get the reference for the body
var mybody = document.getElementsByTagName("body")[0];

// creates a <table> element and a <tbody> element
mytable = document.createElement("table");
mytablebody = document.createElement("tbody");

// creating all cells
for(var j = 0; j < 2; j++) {
// creates a <tr> element
mycurrent_row = document.createElement("tr");
for(var i = 0; i < 2; i++) {
// creates a <td> element
mycurrent_cell = document.createElement("td");
// creates a text node
currenttext = document.createTextNode("cell is row "+j+", column "+i);
// appends the text node we created into the cell <td>
mycurrent_cell.appendChild(currenttext);
// appends the cell <td> into the row <tr>
mycurrent_row.appendChild(mycurrent_cell);
}
// appends the row <tr> into <tbody>
mytablebody.appendChild(mycurrent_row);
}
// appends <tbody> into <table>
mytable.appendChild(mytablebody);
// appends <table> into <body>
mybody.appendChild(mytable);
// sets the border attribute of mytable to 2;
mytable.setAttribute("border", "2");
}
</script>
</head>
<body οnlοad="start()">
</body>
</html>

注意：
mytable = document.createElement("table");
mytable=.setAttribute("[b]cellspacing[/b]", "0");
mytable.setAttribute("[b]cellpadding[/b]", "0");

使用 cellSpacing 而不是 cellspacing

使用 cellPadding 而不是 cellpadding

即：

mytable.setAttribute("cellSpacing", "0");
mytable.setAttribute("cellPadding", "0");