软件开发培训班 >> 编程开发 >> JavaScript

javascript 操作table的特性

　　本文标签：javascript,table

<html xmlns="http://www.w3.org/1999/xhtml" > 
<head> 
<meta http-equiv="Content-Type" content="text/html; charset=gb2312"/> 
<title>javascript操作table的特性</title> 
<script type="text/javascript"><!-- 
function f(){ 
//创建一个表格 
var oTable = document.createElement("table"); 
oTable.setAttribute("border","1"); 
oTable.setAttribute("width","300px"); 
// 
var oTBody = document.createElement("tbody"); 
oTable.appendChild(oTBody); 
//创建第一行 
oTBody.insertRow(0); 
oTBody.rows[0].insertCell(0); 
oTBody.rows[0].cells[0].appendChild(document.createTextNode("Cell 1,1")); 
oTBody.rows[0].insertCell(1); 
oTBody.rows[0].cells[1].appendChild(document.createTextNode("Cell 2,1")); 
//创建第二行 
oTBody.insertRow(1); 
oTBody.rows[1].insertCell(0); 
oTBody.rows[1].cells[0].appendChild(document.createTextNode("Cell 1,2")); 
oTBody.rows[1].insertCell(1); 
oTBody.rows[1].cells[1].appendChild(document.createTextNode("Cell 2,2")); 
// jb51.net
document.body.appendChild(oTable); 
}

// --></script> 
</head> 
<body onclick="f();"> 
<div>hello</div> 
<table border="1" width="300px"> 
<tbody> 
<tr> 
<td>Cell 1,1</td> 
<td>Cell 2,1</td> 
</tr> 
<tr> 
<td>Cell 1,2</td> 
<td>Cell 2,2</td> 
</tr> 
</tbody> 
</table> 
</body> 
</html>

技术文章快速查找

js原生appendChild的bug解决心得分享

artDialog 4.1.5 Dreamweaver代码提示/补全插件附下载

javascript下数值型比较难点说明

Javascript弹出窗口的各种方法总结

简单JavaScript日历及详细说明

jquery slibings选取同级其他元素的实现代码

js ie非ie浏览器的几种判断方法小结

没有document.getElementByName方法

相关下载

在线教程导航

软件应用
·Windows8	·Windows7	·Word
·Excel	·PPT	·WPS
Web开发
·ASP	·JavaScript	·DIV+CSS
·JSP	·VbScript	·XML
·PHP
开发语言
·VB	·VC	·ASP.NET
·Java	·C++	·Delphi
数据库开发
·MySQL	·MsSQL	·Access
·Oracle	·DB2
手机系统
·Android	·iOS	·WindowsPhone
网站设计
·Flash	·Dreamweaver	·Fireworks
平面设计
·Photoshop	·CorelDraw	·AutoCAD
·3DsMAX	·Illustrator
网络技术
·网站运营	·网络安全	·网络搭建