js添加table的行和列



	 

	<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

	<html xmlns="http://www.w3.org/1999/xhtml">

	<head>

	    <title></title>

	 

	    <script language="javascript" type="text/javascript">

	        function addRow() {

	            var newTR = document.getElementById("testTable").insertRow(document.getElementById("testTable").rows.length);

	 

	            var newNameTD = newTR.insertCell(0);

	            newNameTD.innerHTML = "aa";

	 

	            var newNameTD = newTR.insertCell(1);

	            newNameTD.innerHTML = "<input name='LastName' id='LastName' type='text' />";

	 

	            var newNameTD = newTR.insertCell(2);

	            newNameTD.innerHTML = "<input name='BirthDay' id='BirthDay' type='text'   />";

	 

	            var newNameTD = newTR.insertCell(3);

	            newNameTD.innerHTML = "<input name='age' id='age' type='text'    />";

	        }

	 

	        function insertRow() {

	            var oTable = document.getElementById("table_info");

	            var oTr = oTable.insertRow();

	            var oTd = oTr.insertCell();

	            oTd.innerHTML = "新添加了一行";

	        }

	 

	        function insertRow2() {

	            //获取table对象

	            var table = document.getElementById("table_info2");

	            //找到要添加button的td，这里以表格第一行第一列为例子

	            var oTd = table.rows[0].cells[0];

	            //添加button到td中，添加前吧td内容清空并赋予button的代码

	            oTd.innerHTML = "<button onclick='insertRow22()'>添加收费</button>";

	        }

	 

	        function insertRow22() {

	            var oTable = document.getElementById("table_info2");

	            var oTr = oTable.insertRow();

	            var oTd = oTr.insertCell();

	            oTd.innerHTML = "新添加了一行";

	        }

	 

	        function insertRow3() {

	            //获取table对象

	            var table = document.getElementById("table_info3");

	            //找到要添加button的td，这里以表格第一行第一列为例子

	            var oTd2 = table.rows[0].insertCell();

	            oTd2.innerHTML = "&nbps;";

	        }

	 

	        function tableDiv() {

	            var maxRow = 4;

	            var maxCol = 8;

	            var strTbody = ["<table border='1'><tbody>"];

	 

	            for (var i = 0; i < maxRow; i++) {

	                strTbody.push("<tr>");

	                for (var j = 0; j < maxCol; j++) {

	                    strTbody.push("<td>test</td>");

	                }

	                strTbody.push("</tr>");

	            }

	 

	            strTbody.push("</tbody></table>");

	 

	            var obj = document.getElementById("tableDiv");

	            obj.innerHTML = strTbody.join("");

	        }

	 

	        function init() {

	            var _table, _tbody, tr, td, text, maxRow, maxCol;

	            var docBody = document.body;

	            var _doc = document;

	            maxRow = 5;

	            maxCol = 8;

	 

	            _table = _doc.createElement("table");

	            _table.border = "1";

	            _table.style.tableLayout = "fixed";

	            _tbody = _doc.createElement("tbody");

	            _table.insertBefore(_tbody, null);

	            docBody.insertBefore(_table, null);
补充：web前端 , JavaScript ,