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

站长资源 2025-05-15 09:07www.dzhlxh.cnseo优化

```html

第一行
第二行
第三行
第四行

```

```javascript

function getTableContent(node) {

// node是按钮元素,它的父节点的父节点是所在的tr元素。

var trElement = node.parentNode.parentNode;

alert("所在行的索引:" + trElement.rowIndex); // 弹出所在行的索引

alert("所在行的第一个单元格内容:" + trElement.cells[0]nerText); // 获取并弹出第一个单元格的文本内容

// 通过以下方式找到table对象,然后获取其tr和td元素,再获取td的html内容。

var rowIndex = trElement.rowIndex; // 获取当前行的索引(考虑到从1开始计数)

var currentTr = table.getElementsByTagName("tr")[rowIndex]; // 获取当前行的所有单元格

var firstTdContent = currentTr.cells[0].firstChildnerHTML; // 获取第一个单元格的HTML内容

}

```

Copyright © 2016-2025 www.dzhlxh.cn 金源码 版权所有 Power by

网站模板下载|网络推广|微博营销|seo优化|视频营销|网络营销|微信营销|网站建设|织梦模板|小程序模板