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内容
}
```
网络推广
- html如何对span设置宽度
- 无光驱无U盘安装系统的图文教程
- 电脑重启后罗技m336蓝牙鼠标不自动连接该怎么办
- 电脑自带的日语输入法打不出日语怎么办?
- 清理电脑灰尘需要注意的三大事项
- css后代选择器使用方法实例
- Dreamweaver怎么制作动态导航- dw网页添加动态导航
- 无线鼠标怎么连接-无线鼠标连接电脑
- 电脑蓝屏提示:Bunknown hard error该怎么解决?
- cpqdfwag.exe是什么进程 能结束吗 cpqdfwag进程查询
- Win10系统如何取消开机密码?Win10取消开机密码的
- win10桌面背景不显示怎么办 win10桌面背景不显示解
- 巧用DW判断字符串中是否有换行
- 小米4已开始推送Win10 Mobile预览版10536.1004更新
- Dreamweaver中制作活动菜单条效果的方法
- 女巫的遗产:羁绊配置 女巫的遗产:羁绊最低配