DOM基础教程之使用DOM控制表格(dom操作的方法)

编辑：rootadmin

推荐整理分享DOM基础教程之使用DOM控制表格(dom操作的方法)，希望有所帮助，仅作参考，欢迎阅读内容。

文章相关热门搜索词:dom入门,dom操作的方法,dom操作方法,dom教学,dom使用,dom操作方法,dom使用,dom基础知识,内容如对您有帮助，希望把文章链接给更多的朋友！

表格的css控制就先不说了，首先分享下表格常用的DOM

表格添加操作的方法常用的为insertRow()和insertCell()方法。

row是从零开始计算起的，例如：

是指将新行添加到第二行。

变量oTr即为表格插入新行，再利用insertCell为这行插入新的数据，利用createTextNode创建新的文本节点，在appendChild给oTd，oTd即为新的单元格。　　

1.插入一行（动态添加表格）

2.修改表格的内容

当表格建立后，可以直接使用HtmlDom对表格进行操作，相比document.getElementById(),document.getElementsByTagName()操作更为方便。oTable.rows[i].cell[j]以上通过rows、cells两个属性轻松访问到表格特定的内容第i行和第j列(都是从0开始计数)，获得单元格对象后就可以使用innerHTML属性修改翔宇的内容了。例如修改4行5列的内容为good则可以使用以下代码

3.删除表格内容

表格既然有添加、修改、就有删除功能。表格中删除行使用deleteRow(i)方法，其中i为行号。表格中删除列使用tr的deleteCell(j)方法。

如下代码表示删除表格的第二行及原来表格第三行的第二列

如下代码表示删除表格的第二行及原来表格第三行的第二列考虑到动态删除又不影响整体html框架，又或者表格内容很多的情况下，可以采用动态删除添加的办法

删除列

对于删除表格列而言，DOM中没有直接可调用的方法，需要自己来写deleteColumn()方法，该方法接受两个参数，一个参数是表格对象，另外一个参数则是希望删除的列号。编写方法很简单，利用deleteCell()方法,每一行都执行相应的删除单元格的方法。

DOM基础教程之使用DOM控制表单 1.表单简介表单form是网页中交互最多的形式之一，它通过各种形式接收用户的数据，包括下拉列表框，单选按钮，复选框和文本框，本篇主要介绍表单

浅谈javascript 归并方法 ECMAScript5还新增了2个归并数组的方法：reduce()和reduceRight()。这两个都会迭代数组的所有项reduce():从第一项开始逐个遍历到最后。reduceRight():从数组的最后

javascript 获取浏览器版本工作中需要通过JS去获取当前使用的浏览器的名字以及版本号，网上大堆资料都有一个关键词是navigator.appName，但是这个方法获取的浏览器的名字只有两

标签: dom操作的方法

本文链接地址:https://www.jiuchutong.com/biancheng/383875.html 转载请保留说明！

上一篇：DOM基础教程之事件类型(dom基础知识)