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显示行号
标题URL:http://ybzwz.com/article/dsgecgd.html