js遍历复杂表格

JavaScript021

js遍历复杂表格,第1张

jQuery:

var data = new Array()

$("table td").each(function() {

if ($(this).attr("rowspan") &&$(this).attr("colspan")) {

data.push($(this).text())

}

})

alert(data)

js:

var data = new Array()

var table = document.getElementsByTagName("table")[0]

var td = table.getElementsByTagName("td")

for (var i = 0i <td.lengthi++) {

if (td[i].getAttribute("rowspan") &&td[i].getAttribute("colspan")) {

data.push(td[i].innerHTML)

}

alert(data)

jquery和js的方法我都写了,在网吧写的,没有编辑器,不好测试,你试试看

}

1.在页面div中创建一个空白表,可以根据需要对其进行定制。

2.创建表之后,我们可以编写关键代码来动态生成表。我们编写了一个js方法来触发使用。

3.在<TB >标签中,我们添加了标签,主要用于提供用户输入参数,而全局变量num主要用于区分每个添加参数的唯一id。

4.获取表中的数据,以供下图参考。

5.一旦我们获得了表中的数据,我们就应该将其转换成json数据的形式。

JS动态操作表格

2008年10月22日 星期三 下午 04:27

删除:<input type="button" name="del" value="删除" onclick="del(this)">

1、function del(o)

{

var t=document.getElementById('testTbl')

t.deleteRow(o.parentNode.parentNode.rowIndex)

}

2、 var table=document.getElementById("tableName")

var len=table.rows.length

if(len>1){

for(i=1i<leni++){

table.deleteRow(1)

}

}

添加:

1、function addRow(){

//添加行

var newTr = testTbl.insertRow()

//添加列

var newTd0 = newTr.insertCell()

var newTd1 = newTr.insertCell()

var newTd2 = newTr.insertCell()

var newTd3 = newTr.insertCell()

//设置列内容和属性

newTd0.innerText = document.all("a").options[document.all("a").selectedIndex].text

newTd1.innerText = document.all("b").value

newTd2.innerText = document.all("c").value

newTd3.innerHTML= '<input type="button" name="del" value="删除" onclick="del(this)">'

}

注意写法。

2、//先获取该表格的引用:

var Container = document.getElementById(TableId)

//然后创建行(TR对象)

var NewTr = document.createElement("tr")

//填充该表格行

var NewTd1 = document.createElement("td")

var NewTd2 = document.createElement("td")

......

NewTr.appendChild(NewTd1)

NewTr.appendChild(NewTd2)

添加到最后一个TR上:var LastTr = Container.rows[Container.rows.length - 1]

LastTr.parentNode.appendChild(NewTr)

通常来讲,从表格中删除某一行一般是通过表格的deleteRow()方法和行的rowIndex属性来删除