我们专注攀枝花网站设计 攀枝花网站制作 攀枝花网站建设
成都网站建设公司服务热线:400-028-6601

网站建设知识

十年网站开发经验 + 多家企业客户 + 靠谱的建站团队

量身定制 + 运营维护+专业推广+无忧售后,网站问题一站解决

javascript行号,js显示行号

如何用javascript获取表格中一行的值

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

莒县网站制作公司哪家好,找创新互联!从网页设计、网站建设、微信开发、APP开发、响应式网站等网站项目制作,到程序开发,运营维护。创新互联成立与2013年到现在10年的时间,我们拥有了丰富的建站经验和运维经验,来保证我们的工作的顺利进行。专注于网站建设就选创新互联

var item=document.getElementById("id");

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

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);"

td001/td

tdgoogle/td

/tr

tr onclick = "selectRow(this);"

td002/td

tdbaidu/td

/tr

/table

/body

/html

3、获取所有行集合,然后通过下标访问某一行

var items=document.getElementByTagName("tr");

//获取某一行(下标从0开始,到items.length-1结束)

var hang=items[0];

js如何取行号?

function test(){

var tab = document.getElementById('tab');

var len = tab.getElementsByTagName('tr').length;

var rownum = len10?objName.substring(objName.length-1):objName.substring(objName.length-2);

}

其实如果你只是想要获取当前行号的话,没必要从id截取字符串,这样写:

script language="javascript"

window.onload=function(){

var tab = document.getElementById('tab');

var objs = tab.getElementsByTagName('input');

for(var i=0;iobjs.length;i++){

objs[i].onclick=function(){

var rownum = this.parentNode.parentNode.rowIndex+1;

alert("我所在的行号为:"+rownum);

}

}

}

/script

table border="1" id="tab" width="37%"

tr

td width="68"input type="text" value="点击我获取行号" //td

tdx4/td

/tr

tr

td width="68"input type="text" value="点击我获取行号" //td

td14/td

/tr

tr

td width="68"input type="text" value="点击我获取行号" //td

td24/td

/tr

tr

td width="68"input type="text" value="点击我获取行号" //td

td34/td

/tr

tr

td width="68"input type="text" value="点击我获取行号" //td

td44/td

/tr

/table

javascript中怎么获取表格中的当前行号

var td = event.srcElement; // 通过event.srcelement 获取激活事件的对象 td

alert("行号:" + (td.parentElement.rowIndex + 1) + ",内容:" + td.innertext);

来自:网页链接


本文标题:javascript行号,js显示行号
文章链接:http://shouzuofang.com/article/dsgecgd.html

其他资讯