strHtml="<table border=1 id=McGrid1>"
strHtml=strHtml + "<tr><td align='center' style='display:none'>編號</td><td align='center' width='60'>姓名</td</tr></table>"
document.write(strHtml)
tr=document.all.McGrid1.insertRow()
td=tr.insertCell()
//tr.insertCell(0).style.display="none"
//tr.insertCell(0).innerText="012"
td.style.display="none"
td.innerText="012"
td=tr.insertCell()
td.innerText="張三"
//tr.insertCell(1).innerText="張三"
alert(tr.cells(1).innerText);
=========================================
rows
Every table contains a rows collection, which consists of all the rows in a table, including the header and footer rows. You can use the insertRow method to add a row to a table and, consequently, to its rows collection. Each row is equivalent to a tr element in HTML. The following code appends an empty row to the rows collection of a table called oTable.
var oRowoRow = oTable.insertRow();
By default, the insertRow method appends a row to the end of the collection; this is faster than inserting a row somewhere in the middle of the collection. However, to insert a row into the middle of a collection, you can pass an index to insertRow, as shown in the following code.
var oRowoRow = oTable.insertRow(3);
The index on the rows collection starts at zero. Therefore, the preceding code inserts a row at the fourth position of the rows collection of oTable. Once a row is created, you can insert cells into it. This is discussed in the next section.
Note The
innerText and
innerHTML properties are read-only on the
tr object. Therefore, you cannot use them to insert text or HTML into a row. You can, however, insert
td objects into a row using the
insertCell method. Then, you can insert text or HTML into the
td objects by setting the
innerText or
innerHTML property of the cell.
You can access the members of the rows collection by using an index, the same way you access an array. Consider the following code, which iterates through the rows of oTable and sets the font to bold for each row. The code uses array syntax to access the individual members of the rows collection. The length property is used to determine the number of elements in a collection.
var curr_row;for (curr_row = 0; curr_row < oTable.rows.length; curr_row++){ oTable.rows[curr_row].style.fontWeight = "bold";}
cells
After a row is created, you can add cells to it; each row contains a cells collection. To append cells to the cells collection of a row object, call the insertCell method of the row object.
Note By default, the
insertCell method adds cells to the end of the collection, because it is faster to add a cell at the end of a row than somewhere in the middle.
The following example inserts a row into a table, and then it inserts a cell into the newly inserted row.
var oRow;var oCell;oRow = oTable.insertRow();oCell = oRow.insertCell();
Once an empty cell is added to a row, you can insert HTML into the cell by setting its innerHTML property.
var oRow;var oCell;oRow = oTable.insertRow();oCell = oRow.insertCell();oCell.innerHTML = "Download the latest version of <I>Internet Explorer</I> from here."
oRow.insertCell(3) 不是第3個位置的表格而是在第3個位置插入的表格!