js使用for循环与innerHTML获取选中tr下td值

function getParentEl (el, tagName) {
if (!el) return el;

do {
el = el.parentNode;
} while(el && el.tagName !== tagName);

return el;
}

function temp(){
//得到选中row的value值
var temp=document.getElementsByName('id');
for(var i=0;i<temp.length;i++){
if(temp[i].checked==true){
edit=temp[i].value;
var tr = getParentEl(temp[i], 'TR');
var tds = tr.cells;
for (var j = 0; j < tds.length; j++) {
var tdInner = tds[j].innerHTML;
alert(tdInner);
}
}
}
}
(0)

相关推荐

  • JavaScript获取tr td 的三种方式全面总结(推荐)

    /* 第一种,原生的js,先获取table然后获取tr标签,然后遍历td */ // $('#selectIds').val(""); // var table = document.getElementById("tb_table");//获取第一个表格 // var array = table.getElementsByTagName("tr");//所有tr // for(var i = 1; i < array.length; i+

  • js中获取 table节点各tr及td的内容简单实例

    <table id="tb1" width="200" border="1" cellpadding="4" cellspacing="0"> <tr> <td height="25">第一行</td> </tr> <tr> <td height="25">第二行</td>

  • jsp跳转getRequestDispatcher()和sendRedirect()的区别

    1.request.getRequestDispatcher()是请求转发,前后页面共享一个request ;response.sendRedirect()是重新定向,前后页面不是一个request. 2.RequestDispatcher.forward()是在服务器端运行;HttpServletResponse.sendRedirect()是通过向客户浏览器发送命令来完成.所以RequestDispatcher.forward()对于浏览器来说是"透明的":而HttpServlet

  • JS动态添加Table的TR,TD实现方法

    本文实例讲述了JS动态添加Table的TR,TD实现方法.分享给大家供大家参考.具体实现方法如下: 复制代码 代码如下: <html>  <head> <title></title> <SCRIPT language="JavaScript"> var tempRow=0; var maxRows=0; function insertRows(){ tempRow=table1.rows.length-1; maxRows=t

  • js遍历td tr等html元素

    复制代码 代码如下: function checkuser(obj) { var obj = window.event.srcElement; var row = obj.parentElement.parentElement; var value = row.cells[0].all[0].value; var item = value.split("|"); alert(item); if (item.length > 1) { if (item[0] == "or

  • JS动态创建Table,Tr,Td并赋值的具体实现

    成果库修改:      要求主题列表随成果类型改变而改变      网上查询资料后开工,在成果类型下拉框添加change()事件触发Dwr,查询主题集合--动态创建/编辑Table      概要代码如下:JS  复制代码 代码如下: //动态获取主题数据 function getzts(){     parentId = document.getElementById("bselect1").value;     if(parentId!=""){        

  • js使用for循环与innerHTML获取选中tr下td值

    function getParentEl (el, tagName) { if (!el) return el; do { el = el.parentNode; } while(el && el.tagName !== tagName); return el; } function temp(){ //得到选中row的value值 var temp=document.getElementsByName('id'); for(var i=0;i<temp.length;i++){ i

  • jquery获取选中的文本和值的方法

    1.说明 (1)获取select下拉框选中的索引 $("#selection").get(0).selectedIndex; (2)获取select下拉框选中的值 $("#selection option:selected").val(); (3)获取select下拉框选中的文本 $("#selection option:selected").text(); 2.实现源码 html PUBLIC "-//W3C//DTD XHTML 1

  • jQuery获取选中单选按钮radio的值

     实例1: <div id="wrap"> <input type="radio" name="payMethod" value="1" />男 <input type="radio" name="payMethod" value="2" />女 </div> 获取一组单选按钮对象:var obj_payPlatform

  • 如何使用jQUery获取选中radio对应的值(一句代码)

    本人对jQuery还真迷糊,一些基本的语法老忘掉,在此举个例子,使用jQUery获取选中radio对应的值 复制代码 代码如下: var gender=$('input:radio[name="gender"]:checked').val();

  • js中获取键盘按下键值event.keyCode、event.charCode和event.which的兼容性详解

    前言 在阅读本文前,相信大家应该都有所了解,在js获取键盘按下的键值有:event.keyCode.event.charCode和event.which. 其中: 谷歌浏览器:对event.keyCode.event.charCode和event.which都兼容. 火狐浏览器:对event.keyCode部分键值有效,如上下左右键(37,38,39,40),enter键(13),PgUp(33),PgDn(34)等部分有效,对数字键,字母键无效. event.which也是部分键值有效,如字母

  • javascript(基于jQuery)实现鼠标获取选中的文字示例【测试可用】

    本文实例讲述了javascript实现鼠标获取选中的文字.分享给大家供大家参考,具体如下: HTML部分: <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width"> <title>JS Bin</title> &l

  • JS选中checkbox后获取table内一行TD所有数据的方法

    本文实例讲述了JS选中checkbox后获取table内一行TD所有数据的方法.分享给大家供大家参考.具体实现方法如下: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"

  • 详谈js中标准for循环与foreach(for in)的区别

    js中遍历数组的有两种方式 var array=['a'] //标准的for循环 for(var i=1;i<array.length;i++){ alert(array[i]) } //foreach循环 for(var i in array){ alert(array[i]) } 正常情况下上面两种遍历数组的方式结果一样.首先说两者的第一个区别 标准的for循环中的i是number类型,表示的是数组的下标,但是foreach循环中的i表示的是数组的key是string类型,因为js中一切皆为

  • Js获取table当前tr行的值的代码

    下面的代码主要是学习控制表格里面的一些操作,代码都是直接写在表格里面的, 大家可以改成事件绑定的. Js获取 table当前行的值 var selectedTr=null; function c1(obj){ obj.style.backgroundColor='blue'; //把点到的那一行变希望的颜色; if(selectedTr!=null) selectedTr.style.removeAttribute("backgroundColor"); if(selectedTr==

  • JS实现兼容各种浏览器的获取选择文本的方法【测试可用】

    本文实例讲述了JS实现兼容各种浏览器的获取选择文本的方法.分享给大家供大家参考,具体如下: 运行效果截图如下: 具体代码如下: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html> <head> <meta http-equiv="Content-Type" con

随机推荐