想不想get新技能酷炫一下,今天图老师小编就跟大家分享个简单的javascript操作table教程,一起来看看吧!超容易上手~
【 tulaoshi.com - Web开发 】
动态产生tr
针对table给予一个名字,比如说tbl1
var oTr=tbl1.insetRow();
动态产生td
针对动态产生的tr产生td
var oTd=oTd.insertCell(); //var oTd=oTr.insertCell(); 吧
(本文来源于图老师网站,更多请访问http://www.tulaoshi.com/webkaifa/)动态产生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;
(本文来源于图老师网站,更多请访问http://www.tulaoshi.com/webkaifa/)此时如果要取得该按钮所在的tr
var trItm=tdItm.parentNode;
如果要取得该tr的index
trItm.rowIndex;
来源:http://www.tulaoshi.com/n/20160219/1623832.html
看过《javascript操作table》的人还看了以下文章 更多>>