`

js 根据td节点获取tr节点,及其他td节点的内容,兼容IE、FF、Chrome

    博客分类:
  • JS
阅读更多

html:

<tr class="bg_light" >
       <td style="height:30px" align="center" class="lockX">TTTTTT</td>
       <td align="center" class="lockX">
  TTTTTTTTTTTTTTTTT
       </td>
       <td style="text-align:left" class="lockX">&nbsp;TTTTTTTT&nbsp;</td>
       <td style="text-align:left" class="lockX">&nbsp;TTTTTTTTTT&nbsp;</td>
       <td style="text-align:left" class="unlock">&nbsp;TTTTTTTTTTT&nbsp;</td>
       <td style="text-align:left" class="unlock">&nbsp;TTTTTTTT&nbsp;</td>
       <td align="center" class="unlock">TTTTTTTTT&nbsp;</td>
       <td align="center" class="unlock">TTTTTTT&nbsp;</td>
       <td align="center" class="unlock">TTTTTTTT</td>
       <td align="center" class="unlock"><%=AVO.getRemark()%>&nbsp;</td>
       <td align="center" class="unlock">
  <a onmouseover="javascript:showTargetSys(this)">查看</a>
       </td>
       <td align="center" class="unlock">
  TTT
       </td>
 </tr>

 

javascript:

function showTargetSys(obj) {
 var trNodes = obj.parentNode.parentNode;
 var tdNodes = trNodes.childNodes;
 var tdNodesArray = new Array();
 for(var i = 0; i < tdNodes.length; i++) {
  var node = "";
  //IE下tagName能识别
  //FF、Chrome下tagName不能识别
  if(document.all) { //IE
   node = tdNodes[i].tagName;
  } else { //非IE
   node = tdNodes[i].nodeName;
  }
  if(node.toUpperCase() == "TD") {
   tdNodesArray.push(tdNodes[i]);
  }
 }
 var serviceMark = "";
 var methodMark = "";
 //IE下innerText能识别
 //FF、Chrome下innerText不能识别
 if(document.all) {
  serviceMark = tdNodesArray[4].innerText;
  methodMark = tdNodesArray[5].innerText;
 } else {
  serviceMark = tdNodesArray[4].textContent;
  methodMark = tdNodesArray[5].innerText;
 }
 
 var random = Math.random();//随机数,只传参,后台不用接收
 var url = "<%=contextPath%>/servlet/AjaxServlet?flag=getTargetSys&serviceId="+serviceId+"&methodId="+methodId+"&random"+random;
 
 $.get(
   url,
   function(response) {
    /*$('#targetSys').html(response);*/
    alert("response: " + response);
   });
 
 
 /*$('#targetSys').css('display', 'block');*/
}

分享到:
评论

相关推荐

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

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

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

    在JavaScript中获取table节点各tr(表格行)及td(表格单元格)的内容是一个常见的操作,这在进行网页动态内容更新或数据提取时非常有用。本文将通过实例来说明如何通过JavaScript代码实现这一功能。 首先,我们...

    jq 隐藏table中的tr或td

    本篇文章将详细讲解如何在不预先知道table ID的情况下,使用jQuery来隐藏table中的tr或td元素,以及涉及到的相关知识点。 首先,让我们了解HTML的table结构。一个基本的HTML表格由`&lt;table&gt;`标签开始,内部包含`&lt;tr&gt;...

    javascript动态添加tr节点

    以上代码将根据`data`数组动态创建`tr`行和`td`单元格,并将它们添加到表格中。这在处理动态数据或用户交互时非常有用,比如表格的增删改查功能。 此外,现代JavaScript提供了更简洁的DOM操作方式,如使用`template...

    获取网页表格数据 正则表达式

    这个表达式会找到`&lt;tr&gt;`标签,并捕获其中所有的`&lt;td&gt;`及其内容。`(?:...)`是非捕获组,避免捕获这部分匹配。 **实际应用** 在Python中,你可以使用`re`模块来执行这些正则表达式,但需要注意的是,这通常适用于...

    动态添加 td tr 表格 javascript

    在JavaScript编程中,动态添加`td`(表格数据单元格)和`tr`(表格行)是常见的需求,尤其在创建交互式网页时。本文将深入探讨如何利用JavaScript实现这一功能,以及它在实际开发中的应用。 首先,我们需要了解HTML...

    JS获取Table中td值的方法

    本文将详细介绍如何使用JavaScript获取表格中td元素的值,并通过实例分析一些操作技巧。 首先,当需要获取表格中多个行的任意td值时,可以为每个td元素分配一个共同的class。这样做的好处是可以通过class来选取所有...

    获取table中某个td的值

    在这个场景下,我们需要掌握如何利用JavaScript有效地获取table中某个td的值,以便实现动态的页面交互。 首先,了解HTML表格的基本结构至关重要。一个表格由`&lt;table&gt;`元素定义,其中包含多个`&lt;tr&gt;`(行)元素,每个...

    jquery实现递归tr子节点

    本篇文章将深入探讨如何使用 jQuery 实现递归地获取表格 tr 子节点的方法。 首先,我们需要了解 HTML 中的 `&lt;table&gt;`、`&lt;tr&gt;` 和 `&lt;td&gt;` 标签。`&lt;table&gt;` 是表格的容器,`&lt;tr&gt;` 代表表格行,而 `&lt;td&gt;` 用于定义...

    webdriver中对于页面列表元素table,tr、td的智能读取

    在每个 `tr` 中,我们可以进一步查找 `td` 元素来获取单元格数据: ```python cells = row.find_elements_by_tag_name('td') for cell in cells: # 读取单元格内容,例如 content = cell.text print(content...

    IE8下兼容获取class函数

    本文介绍了一个适用于IE8及更早版本浏览器的兼容性解决方案,通过自定义 `getByClass` 函数实现了根据指定类名获取DOM元素的功能。此外,还展示了如何利用这个函数控制元素的显示与隐藏以及通过事件监听器改变元素...

    jquery动态添加删除(tr/td)

    在介绍jQuery动态添加删除表格行(tr)和单元格(td)的过程中,首先需要明确的是jQuery库是JavaScript的一个快速、小巧、功能丰富的库,它简化了HTML文档遍历和操作、事件处理、动画和Ajax交互,对于Web开发人员来...

    JS动态创建html节点

    3. **设置内容**:设置新创建的`&lt;td&gt;`元素的文本内容,使用`FF.innerText = 'td' + i;`。 4. **添加元素**:最后,使用`tt.appendChild(FF);`将新创建的`&lt;td&gt;`元素添加到`&lt;tr&gt;`元素的末尾。 #### 知识点八:错误与...

    JS操作table的tr/td

    js操作HTML增加删除TR/TD (学前班级别的哈!)

    动态获取TABLE中的TD内容的资源

    4. **AJAX与异步获取**:如果表格内容通过AJAX动态加载,可能需要等待数据加载完成后再获取TD内容。可以使用Promise或async/await处理异步操作。例如: ```javascript async function fetchTableData() { await ...

    兼容ff和ie的日历控件 js

    从给定的文件标题、描述、标签以及部分内容中,我们可以提炼出关于“兼容FF和IE的日历控件JS”的详细知识点。以下是对这些知识点的深入解析: ### 标题:“兼容ff和ie的日历控件 js” #### 知识点1:兼容性问题 ...

    正则取html中table中td中的值

    我们的目标是找到所有的`&lt;td&gt;`元素并获取它们的文本内容。 在C#中,我们可以使用`System.Text.RegularExpressions`命名空间中的`Regex`类来处理正则表达式。下面是一个简单的示例,演示了如何从HTML字符串中提取`...

    javascript实现动态增加删除表格行(兼容IE FF).docx

    ### JavaScript 实现动态增加删除表格行(兼容IE/FF) #### 概述 本文将详细介绍如何使用JavaScript来实现在Web页面上动态增加和删除表格行的功能,并确保该功能在Internet Explorer (IE) 和 Firefox (FF) 等...

Global site tag (gtag.js) - Google Analytics