javascript操作table

2016-02-19 20:29 2 1 收藏

想不想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

延伸阅读
标签: Web开发
在HTML中打开窗口应用极为普遍,但也存在一些缺陷;用户浏览器决定窗口看起来是什么样的,你左右不了其窗口的大小及式样。幸运的是,JavaScript给了你这种控制权。 JavaScript的窗口语句是: window.open("URL","name","features"); 其中的URL是网页的地址,name是窗口的名字,features是窗口的一些特性,包括: scrollbars (滚动条) 当需...
标签: Web开发
一.Xml文件 二.IXMLDOMDocument/DOMDocument简介  2.1 属性 2.1.1  parseError  2.1.2  async.  2.1.3  xml  2.1.4  text 3  2.1.5  attributes  2.1.6  nodeName 2.1.7  documentElement  2...
标签: Web开发
Javascript是网页制作中离不开的脚本语言,依靠它,一个网页的内容才生动活泼、富有朝气。但也许你还没有发现并应用它的一些更高级的功能吧?比如,对文件和文件夹进行读、写和删除,就象在VB、VC等高级语言中经常做的工作一样。怎么样,你是否需要了解这方面的知识?那就请跟我来,本文将详细描述如何使用Javascript语言进行文件操作。 一、...
标签: Web开发
根据Nicholas的说法,有四种代码会拖慢脚本的运行,并最终导致脚本失控。分别是次数过多的同步循环、庞大的函数体、不恰当的递归和不合理的DOM调用。这篇着重讲第一个原因。最后给出了一个开发模式,替换传统的循环结构,可以完全避免脚本失控的状况发生。 原文标题:Speed up your JavaScript, Part 1 原文作者:Nicholas C. Zakas 以前...
标签: Web开发
JavaScript 有赋值、比较、算术、位、逻辑、字符串和特殊运算符。本章描述了操作符,以及关于操作符优先级的一些信息。 操作符分类 操作符 描述 算 术 操 作 符 逻 辑 操 作 符 位 操 作 符 赋 值 操 作 符 比 较 操 作 符特 殊 操 作 符

经验教程

523

收藏

26
微博分享 QQ分享 QQ空间 手机页面 收藏网站 回到头部