table的创建方法

table的创建方法

<script type="text/javascript">
function tableDom(){
	var table = document.createElement("table");
	table.border = "1"
	document.body.appendChild(table);
	var tbody = document.createElement('tbody');
	table.appendChild(tbody);
	
	var tr = document.createElement('tr');
	tbody.appendChild(tr)
	var td = document.createElement('td');
	td.appendChild(document.createTextNode("td1"));
	tr.appendChild(td);
	var td = document.createElement('td');
	td.appendChild(document.createTextNode("td2"));
	tr.appendChild(td);
	var td = document.createElement('td');
	td.appendChild(document.createTextNode("td3"));
	tr.appendChild(td);
	var td = document.createElement('td');
	td.appendChild(document.createTextNode("td4"));
	tr.appendChild(td);
	
}
tableDom();
</script>
<script type="text/javascript">
function tableHtml(){
	var table = document.createElement("table");
	table.border = "1"
	document.body.appendChild(table);
	var tbody = document.createElement('tbody');
	table.appendChild(tbody);
	
	//创建第一行
	tbody.insertRow(0);
	tbody.rows[0].insertCell(0);
	tbody.rows[0].cells[0].appendChild(document.createTextNode("td1"));
	tbody.rows[0].insertCell(1);
	tbody.rows[0].cells[1].appendChild(document.createTextNode("td2"));
	tbody.rows[0].insertCell(2);
	tbody.rows[0].cells[2].appendChild(document.createTextNode("td3"));
	tbody.rows[0].insertCell(3);
	tbody.rows[0].cells[3].appendChild(document.createTextNode("td4"));
}
tableHtml();
</script>
<div id="div1"></div>
<script type="text/javascript">
function tableinnerHTML(){
	var table =[];
	table.push("<table border='1'><tbody><tr>");
	for(var i = 1; i<=4;i++){
	table.push("<td>");
	table.push("td"+i)
	table.push("<\/td>");
	}
	table.push("<\/tr><\/tbody><\/table>");
	document.getElementById("div1").innerHTML = table.join("");
}
tableinnerHTML();
</script>
<script type="text/javascript">
function tableCloneDom(){
	var table,tbody,tr,td;
	otr = document.createElement("tr");
	otd = document.createElement("td");
	tbody = document.createElement("tbody");
	table = document.createElement("table");
	table.border = "1";
	tr=otr.cloneNode(false);
	for(var i=1;i<=4;i++){
		td=otd.cloneNode(false);
		td.appendChild(document.createTextNode('td'+i));
		tr.appendChild(td);
		tbody.appendChild(tr);
	}
	
	table.appendChild(tbody);
	document.body.appendChild(table);
	
}
tableCloneDom();
</script>

posted on 2011-08-03 18:31 流浪啊 阅读( ...) 评论( ...) 编辑 收藏

转载于:https://www.cnblogs.com/jsoo/archive/2011/08/03/2126521.html