在js中怎样获取当前页面表格中的数据

JavaScript015

在js中怎样获取当前页面表格中的数据,第1张

1、JS获取表格的简便方法：获取tbody:tBodies 获取thead:tHead 获取tfoot:tFoot 获取行tr:rows 获取列td:cells使用实例： oTable.tBodies[0] oTable.tHead[0] oTable.tFoot[0] oTable.rows[1] oTable.cells[1]2、遍历var oTable=document.getElementById("表格id")oTable.tBodies[0]可以看成是rows和cells组成的二维数组，用两个for循环嵌套遍历一下就可以了

交你一个完整的：

例子：

<script>

function checkname(){

var name=document.getElementById("uname").value

var mydiv=document.getElementById("myDiv")

mydiv.innerHTML=""

if(name.length==0){

mydiv.innerHTML="<font color=red>用户名不能为空</font>"

}

}

</script>

<body>

<form>

<table>

<tr><td>用户名：<input type="text" id="uname" onblur="checkname()"><div style="display:inline" id="myDiv"></div> </td></tr> //display里面的属性设置为inline就是设置信息与你的文本框在同一行显示，还可以设置为block就换行显示出来。文本框的失去焦点事件：onblur 当你鼠标焦点离开文本框就提示你还未输入！

</table>

</form>

//////////////////////////其他的照葫芦票 多几个else if就可以了 不同的情况给与不同的提示也就是更换div的innerHTML中的内容、、、、、、、、、、、、、、、、

js中有四种获取dom的方法：

根据ID获取对象：document.getElementById(ID)

根据class获取对象数组：document.getElementsByClassName("box")

根据tag获取对象数组：document.getElementsByTagName("p")

根据name获取对象数组：document.getElementsByName(NAME)

用jquery选择器就多得去了，一般都用jquery，js一大串代码用jquery几个符号搞定。

根据ID获取对象：$('#ID')

根据class获取对象数组：$(".box")

根据tag获取对象数组：$("p")

根据name获取对象数组：$('input[name="nw"]')