想不想get新技能酷炫一下，今天图老师小编就跟大家分享个简单的javascript操作table教程，一起来看看吧！超容易上手~
【 tulaoshi.com - Web开发 】
动态产生tr
（本文来源于图老师网站，更多请访问https://www.tulaoshi.com/webkaifa/）针对table给予一个名字，比如说tbl1
var oTr=tbl1.insetRow();
动态产生td
针对动态产生的tr产生td
（本文来源于图老师网站，更多请访问https://www.tulaoshi.com/webkaifa/）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
td1/td
td2/td
tdinput 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;
来源:https://www.tulaoshi.com/n/20160219/1623832.html
看过《javascript操作table》的人还看了以下文章 更多>>
