网络编程 | 站长之家 | 网页制作 | 图形图象 | 操作系统 | 冲浪宝典 | 软件教学 | 网络办公 | 邮件系统 | 网络安全 | 认证考试 | 系统进程
Firefox | IE | Maxthon | 迅雷 | 电驴 | BitComet | FlashGet | QQ | QQ空间 | Vista | 输入法 | Ghost | Word | Excel | wps | Powerpoint
asp | .net | php | jsp | Sql | c# | Ajax | xml | Dreamweaver | FrontPages | Javascript | css | photoshop | fireworks | Flash | Cad | Discuz!
当前位置 > 网站建设学院 > 网页制作 > Javascript
网页制作:Dreamweaver教程,FrontPages教程,Javascript教程,HTML教程,CSS教程,心得技巧,DHTML教程,网页特效,Discuz!论坛
本月文章推荐
.用JavaScript制作多彩的弹出式说.
.5个有趣的IE浏览器地址栏JavaScr.
.网页javascript精华代码集.
.JS实现滑动展开与折叠效果.
.Javascript设计网页中的下拉菜单.
.Javascript实例教程(8) 检验表单.
.使用javascript函数完美控制页面.
.JavaScript中的JSON.
.Javascript获取某一标签的座标并.
.javascript中的关键字和保留字.
.用JavaScript实现变色背景和文字.
.Javascript实例教程(20) OLE Aut.
.网页特效:图片随机显示技巧.
.javaScript通用数据类型校验.
.Javascript实例教程(5) 在一个表.
.完美解决一个事件激活多个函数.
.关于Firefox下JavaScript设置主页.
.让弹出窗口变得“体贴”一些(jav.
.用JavaScript使链接按钮不断变化.
.制作仿“QQ秀”的虚拟形象.

javascript操作table

发表日期:2008-8-5


动态产生tr

针对table给予一个名字,比如说tbl1
var oTr=tbl1.insetRow();
动态产生td

针对动态产生的tr产生td
var oTd=oTd.insertCell(); //var oTd=oTr.insertCell(); 吧
动态产生td内容

使用innerHTML
var oTd.innerHTML='<input type=text id=text1 name=text1 value=abc>';

-----------------------------------------------

对于已经存在的table中,取得td,tr对象的方式
假设已经存在table如下:
<table id=tbl1 border=1>
     <tr>
         <td>1</td>
         <td>2</td>
         <td><input type=button id=btn1 name=btn1 value=btn1></td>
     </tr>
</table>

此时如果要取得该按钮所在的td

var tdItm=window.document.activeElement.parentElement;
如果要取得该td的index

tdItm.cellIndex;
此时如果要取得该按钮所在的tr

var trItm=tdItm.parentNode;
如果要取得该tr的index

trItm.rowIndex;

上一篇:Javascript的107则使用技巧大全 人气:2159
下一篇:JavaScript中try...catch和异常处理 人气:1029
浏览全部javascript的内容 Dreamweaver插件下载 网页广告代码 祝你圣诞节快乐 2009年新年快乐