Dom基础—创建表格 利用js来动态创建表格有两种格式,appendChild()和insertRow、insertCell()。但第一种有可能在IE上有问题,所以推荐使用第二种。 1、insertRow(index):index从0开始 这个函数将新行添加到index的那一行前,比如insertRow(0),是将新行添加到第一行之前。默认的insertRow()函数相当于 insertRow(-1),将新行添加到表的最后。一般我们在使用的时候都是: objTable.insertRow (objTable.rows.length)就是为表格objTable在最后新增一行。 insertCell()和insertRow的用法相同。 2、deleteRow(index):index从0开始 删除指定位置的行,要传入的参数:Index是行在表格中的位置,可以下面的方法取得然后去删除: var row = document.getElementById("行的Id"); var index = row.rowIndex; //有这个属性 objTable.deleteRow(index); 在使用过程中,删除表格的行的时候,如果删除了某一行,那么表格行数是马上就变化的,rows.length总是在变小,所以如果你要删除表格的所有行: 3、setAttribute()方法,动态设置单元格与行的属性 格式如下:setAttribute(属性,属性值) var objMyTable = document.getElementById("myTable"); objMyTable.setAttribute("border", 1); //为表格设置边框为1 在使用的时候遇到一个设置样式的问题,不能用 setAttribute("class","inputbox1");而应该使用 setAttribute("className","inputbox1"), 4、创建表格 了解了行<tr>与单元格<td>的增删那就可以创建表格了。 第一步:你需要有一个你去动态变化的表格,这里讲的是已经存在页面的表格,我们设置一个id:myTable var objMyTable = document.getElementById("myTable"); 第二步:创建行与列的对象 下面是示例代码
推荐整理分享JavaScript 学习笔记(十三)Dom创建表格(javascript学习指南),希望有所帮助,仅作参考,欢迎阅读内容。
文章相关热门搜索词:javascript基础笔记,javascript教程完整版,javascript入门教程,javascript学习指南,javascript基础笔记,javascript入门教程,javascript教程推荐知乎,javascript入门教程,内容如对您有帮助,希望把文章链接给更多的朋友!
JavaScript 学习笔记(十四) 正则表达式 RegExp类RegExp对象的构造函数可以带一个或两个参数第一个参数是描述需要进行匹配的模式字符串,如果还有第二个参数,这个参数则制定了额外的处理
javascript 的Document属性和方法集合 document.title//设置文档标题等价于HTML的title标签document.bgColor//设置页面背景色document.fgColor//设置前景色(文本颜色)document.linkColor//未点击过的链接颜色docume
JavaScript 判断判断某个对象是Object还是一个Array 1.typeof操作符.对于Function,String,Number,Undefined等几种类型的对象来说,他完全可以胜任,但是为Array时vararr=newArray("1","2","3","4","5");alert(typeof(arr));你会