js怎么获取表格中的值

JavaScript017

js怎么获取表格中的值,第1张

1、简单的，表格中的一行添加id属性

1

var item=document.getElementById("id")

2、在行本身绑定方法将自身作为参数传递

1

2

3

4

5

6

7

8

9

10

11

12

13

14

15

16

17

18

19

20

21

22

23

24

25

26

<html>

<head>

<script type = 'text/javascript'>

var curRow //全局行号

var curRowId//选中行的记录信息的ID

var curColor

function selectRow(tr){//tr行本身

curRow = tr

curRowId = tr.id

alert(tr.cells[0].innerText)

}

</script>

</head>

<body onload = "javascript:selectRow(1)">

<table border = "1 solid">

<tr onclick = "selectRow(this)">

<td>001</td>

<td>google</td>

</tr>

<tr onclick = "selectRow(this)

javascript提供了获取表格中某一行单元格数的代码，参考如下：

document.getElementById('first').cells.length // 获取id为first的行的单元格数目

实例演示如下：

创建Html元素

<div class="box">

<span>实例演示：获取表格第一行的单元格数量</span>

<div class="content">

<table>

<tr id="first"><td>1</td><td>2</td><td>3</td></tr>

<tr><td>4</td><td>5</td><td>6</td></tr>

<tr><td>7</td><td>8</td><td>9</td></tr>

</table>

<input type="button" value="获取表格第一行的单元格数量" onclick="fun_get()">

</div>

</div>

简单设置一下css样式

div.box{width:300pxpadding:20pxmargin:20pxborder:4px dashed #ccc}

div.box>span{color:#999font-style:italic}

div.content{width:250pxmargin:10px 0padding:20pxborder:2px solid #ff6666}

table{border-collapse:collapse}

td{width:80pxheight:30pxline-height:30pxtext-align:centerborder:1px solid green}

编写jquery代码

<script>

function fun_get(){

alert(document.getElementById('first').cells.length)

}

</script>