手机版

JavaScript遍历桌子表格中的某行某列并打印其值

时间:2021-09-10 来源:互联网 编辑:宝哥软件园 浏览:

Java脚本语言遍历桌子

1、说明

遍历表格中的某行某列,并打印其值

2、实现源码

!DOCTYPE html PUBLIC '-//W3C//DTD XHTML 1.0 Transitional//EN ' ' http://www .w3。L1-过渡时期。DTD ' html xmlns=' http://www .w3。org/1999/XHTML ' head meta http-equiv=' Content-Type ' Content=' text/html;charset=utf-8'/titleJavaScript遍历表格/标题样式类型='text/css' tr td,tr th { border : # CCC 1px solid }/style脚本类型=' text/JavaScript '/* * * JavaScript遍历表格*/函数eachTableRow() { //获取桌子序号var tab=文档。getelementbyid(' tab ');//获取行数var row=tab.rows//遍历行for(var I=1;irows.lengthi ) { //遍历表格列for(var j=0;jrows[I]。细胞。长度;j ) { //打印某行某列的值警报('第1 '行,第(j)1 '列的值是: '行[i].细胞[j].innerHTML);} } }/script/head body table id=' tab '单元格填充=' 0 '单元格间距=' 0 '样式=' width :50%;文本对齐:居中;'border:#CCC 1px固体;tr style=' border : # CCC 1px实心;'泰国(泰国)学号/th姓名/th年龄/th性别/th /tr tr td2014010101/td td张思思TD/td20/TD女TD/tr/tr TD 2014010102/TD立三TD/td21/TD男TD/tr/tr TD 2014010103/TD王玉TD/td22/TD女TD/tr/tr TD 2014010104/TD朱莉TD/td23/TD男/td /tr /table输入类型='按钮'值='遍历onclick=' eachTableRow()'//body/html

3、实现结果

(1)初始化时

(2)单击"遍历"

(3)再次单击"遍历"

版权声明:JavaScript遍历桌子表格中的某行某列并打印其值是由宝哥软件园云端程序自动收集整理而来。如果本文侵犯了你的权益,请联系本站底部QQ或者邮箱删除。