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

最新推荐文章于 2021-07-08 10:58:06 发布
最新推荐文章于 2021-07-08 10:58:06 发布
阅读量1.1k 收藏
点赞数
分类专栏： JS 文章标签： js td tr 浏览器兼容 ViewUI
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qinzongjian/article/details/84681006
版权
本文介绍了如何使用JavaScript在不同浏览器（包括IE、Firefox和Chrome）下获取TD节点以及其所在TR节点的方法。通过示例代码展示了在处理tagName和innerText时的浏览器兼容性问题，以及如何获取特定TD节点内容的操作。最后，通过AJAX请求展示了进一步的数据交互操作。
摘要由CSDN通过智能技术生成

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>
  

最低0.47元/天 解锁文章
qinzongjian
关注
专栏目录
JS-删除节点removeChild()/替换元素节点replaceChild()/创建元素节点createElement/创建文本节点createTextNode/浏览器窗口可视区域大小/网页......
Jennyni1122的博客
06-18 1457
删除节点removeChild() removeChild() 方法从子节点列表中删除某个节点。如删除成功，此方法可返回被删除的节点，如失败，则返回 NULL。 语法: nodeObject.removeChild(node) 参数: node ：必需，指定需要删除的节点。 我们来看看下面代码，删除子点。 image.png 运行结果: HT...
根据td的内容查找其所在tr
linbrain0000的专栏
03-25 3092
网上找的一个方法js 从td获取table， 从table获取任意td内的input的值 function excuteLink(obj) { var table = obj.parentNode.parentNode.parentNode.parentNode; //从td获取table var sceneName = table.rows[0].cells[1].childN
根据TD得到TR
signingoff
05-31 175
[code="java"]var tdObj=document.getElementById(“tdObject”); var trObj=null; trObj=tdObj; do{ trObj=trObject.parentElement; }while(trObj.tagName="TR"); //得到前面一个TD var rowIndex; var cellIndex...
点击table中的某一个td,获得这个tr的所有数据
热门推荐
程序员小董的专栏
03-30 2万+
功能: 点击table中的某一个td,获得这个tr的所有数据 效果图 function getData2(element){ document.getElementById("name").value=element.children[0].innerHTML; document.getElementById("xuehao").v
js获取td的html,js中获取 table节点各tr及td的内容简单实例
weixin_29053695的博客
06-07 1291
第一行第二行第三行第四行如上所示代码，按钮点击事件中传入this对象，此对象就是按钮本身。通过以下方法测试获取表格的数据function getTableContent(node) {// 按钮的父节点的父节点是tr。var tr1 = node.parentNode.parentNode;alert(tr1.rowIndex);alert(tr1.cells[0].childNodes[0].v...
JS常见的兼容性问题汇总
Calla_Lj的博客
04-26 3084
JS常见的兼容性问题 1） 滚动条： document.documentElement.scrollTop||document.body.scrollTop 获取样式兼容 function getStyle(dom, styleName){ return dom.currentStyle? dom.currentStyle[styleName] getComputedStyle(dom)[st...
DOM（文档对象模型）
木羊的专栏
04-29 2081
文档对象模型DOM（Document Object Model）定义访问和处理HTML文档的标准方法。 DOM 将HTML文档呈现为带有元素、属性和文本的树结构（节点树）。 先来看看下面代码: 将HTML代码分解为DOM节点层次图: HTML文档可以说由节点构成的集合，三种常见的DOM节点: 1. 元素节点：上图中、、等都是元素节点，即标签。 2
web前端浏览器兼容问题
weixin_41105030的博客
04-15 475
浏览器兼容性 所谓浏览器的兼容性，就是在不同的浏览器效果对同一段代码有不同的解析；造成对页面显示效果不统一的情况 主流浏览器 浏览器内核是可以解析网页语言的代码；也就是渲染引擎；用来渲染显示网页。我已经使用运用我成熟，精湛，精通复制黏贴的技术为大家从百科拿来这段话，不用感谢我。 浏览器的内核：浏览器最重要或者说核心的部分是“Rendering Engine”，可大概译为“渲染引擎”，不过我们...
JavaScript获取tr td 的三种方式全面总结（推荐）
01-19
/* 第一种，原生的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++) { // var id = array[i].children; // var id
读取html <tr> <td>,js中获取 table节点各tr及td的内容简单实例
weixin_42469012的博客
07-08 1169
第一行第二行第三行第四行如上所示代码，按钮点击事件中传入this对象，此对象就是按钮本身。通过以下方法测试获取表格的数据function getTableContent(node) {// 按钮的父节点的父节点是tr。var tr1 = node.parentNode.parentNode;alert(tr1.rowIndex);alert(tr1.cells[0].childNodes[0].v...
js中获取 table节点各tr及td的内容方法
maozhuxigood
10-12 4223
&lt;table id="tb1" width="200" border="1" cellpadding="4" cellspacing="0"&gt; &lt;tr&gt; &lt;td height="25"&gt;第一行&lt;/td&gt; &l
获取td的上级 的tr的id属性，id="targetId"
qq_39822451的博客
06-06 2670
//获取td的上级 的tr的id属性，id="targetId" var yourMind = $("#tdId").parent().parent().attr("id"); console.log(yourMind); //targetId
js得到下一个元素节点
UFO
08-21 2232
function getNextElement(node){         if(node.nextSibling.nodeType == 1){    //判断下一个节点类型为1则是“元素”节点            return node.nextSibling;         }         if(node.nextSibling.nodeType ==
javascript 获取下一个节点
weixin_30328063的博客
01-19 224
下一个节点: nextElementSibling 上一个节点 previousElementSibling 1 <div> 2 <select onchange="alert(this.nextElementSibling.id);if(this.options[this.options.selectedIndex].value == '2'){ this...
js找出中序遍历的下一个子节点
HZ___ZH的博客
12-08 295
题目： 给定一个二叉树和其中的一个结点，请找出中序遍历顺序的下一个结点并且返回。注意，树中的结点不仅包含左右子结点，同时包含指向父结点的指针。 思路： 下图中序遍历为：DBFEGAC 第一种情况：如果给定节点的右子树不为空，那么该节点的下一个节点是右子树的最左节点； 例如：给定B，则下一个节点为F 否则： 第二种情况：没有右子树时，那么就得找父节点，当父节点的左等于当前节点也就找到了 1.当前节点可能为上图的D，则下一个节点为B，return B 2.当前节点可能为上图的G，则下一节点为A，return
js获取class对象
tianzhen620的博客
05-09 1万+
!DOCTYPE html&gt;&lt;html&gt;    &lt;head&gt;        &lt;meta charset="UTF-8"&gt;        &lt;title&gt;&lt;/title&gt;        &lt;script&gt;            window.onload = function() {               
点击某个td获取同tr中其他td---closest（）
chenggang_zh的博客
11-22 2717
问题描述： 操作中的“开始稽查”是一个a标签 ， 点击触发click时间后， 修改同tr中的状态一列 “待稽查” 为 “正在稽查”。 查阅其他人的方法 parent方法并不好用， 不知道什么原因。 所以采用jquery的closest() 方法 ， 返回被选元素的第一个祖先元素。 具体方法请自行百度或参考： https://www.cnblogs.com/liaolijun/p/7...
获取当前td在tr中的索引
xw丶
06-08 6186
&lt;html&gt; &lt;body&gt; &lt;table&gt; &lt;tr&gt; &lt;td id="a"&gt;1 &lt;/td&gt; &lt;td&gt;2 &lt;/td&gt; &lt;td&gt;3 &lt;/td&gt; &lt;td&gt;4 &lt;/td&
bs4获取tr下的第一个td节点
最新发布
07-07
您可以使用BeautifulSoup库(bs4)中的find_all()方法来获取tr下的第一个td节点。具体代码如下： ```python from bs4 import BeautifulSoup # 假设html是您的HTML代码 html = """ <tr> <td>第一个td节点</td> ...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值