javascript操作table

风暴来袭大本营

风暴来袭大本营

2016-02-19 20:29

想不想get新技能酷炫一下,今天图老师小编就跟大家分享个简单的javascript操作table教程,一起来看看吧!超容易上手~

动态产生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
         td1/td
         td2/td
         tdinput type=button id=btn1 name=btn1 value=btn1/td
     /tr
/table

(本文来源于图老师网站,更多请访问https://m.tulaoshi.com/webkaifa/)

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

(本文来源于图老师网站,更多请访问https://m.tulaoshi.com/webkaifa/)

var tdItm=window.document.activeElement.parentElement;

如果要取得该td的index

tdItm.cellIndex;

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

var trItm=tdItm.parentNode;

如果要取得该tr的index

trItm.rowIndex;

展开更多 50%)
分享

猜你喜欢

javascript操作table

Web开发
javascript操作table

JavaScript教程:Table行定位效果

Web开发
JavaScript教程:Table行定位效果

s8lol主宰符文怎么配

英雄联盟 网络游戏
s8lol主宰符文怎么配

javascript操作cookie

Web开发
javascript操作cookie

使用 JavaScript 获取 table 行号和列号

Web开发
使用 JavaScript 获取 table 行号和列号

lol偷钱流符文搭配推荐

英雄联盟 网络游戏
lol偷钱流符文搭配推荐

用javascript操作xml

Web开发
用javascript操作xml

Javascript----文件操作

Web开发
Javascript----文件操作

lolAD刺客新符文搭配推荐

英雄联盟
lolAD刺客新符文搭配推荐

小谈JavaScript和JScript

小谈JavaScript和JScript

Java基础 JavaScript和Java的区别详细说明

Java基础 JavaScript和Java的区别详细说明
下拉加载更多内容 ↓