html获得一个的table中tBody中的内容

最新推荐文章于 2025-09-29 16:38:04 发布

最新推荐文章于 2025-09-29 16:38:04 发布 · 1.9k 阅读

文章标签：

#javascript #ViewUI

本文提供了一个使用JavaScript获取HTML表格内容的示例代码。通过选择特定的表格元素，并遍历其子节点来读取表格数据。

部署运行你感兴趣的模型镜像

function gettbodyValue()
{
alert("-------------------------");
var t= document.all.yltable.children;
for(var i=0; i<t.length; i++)
{
alert("my:"+t[i].tagName);
if(t[i].tagName=="TBODY")
{
var trs = t[i].children;
for(var j=0;j<trs.length; j++)
alert(trs[j].outerHTML);
}
}

</table>

提取<table>元素

楼主给你一个用JS获取表格内容的简单例子：

<html>

<head>
<title>getTableContent</title>
<script language="javascript">
function getTableContent(rowIndex) {
var node = document.getElementsByTagName("table")[0];
var child = node.getElementsByTagName("tr")[rowIndex - 1];
var text = child.firstChild.innerHTML;
window.alert("表格第" + rowIndex + "的内容为: " + text);
}
</script>
</head>

<body>
<table width="200" border="1" cellpadding="4" cellspacing="0">
<tr>
<td height="25">第一行</td>
</tr>
<tr>
<td height="25">第二行</td>
</tr>
<tr>
<td height="25">第三行</td>
</tr>
<tr>
<td height="25">第四行</td>
</tr>
</table>
<br>
<input type="text" name="rowIndex" value="要获取表格第几行的内容?" size="22"> <input type="button" name="getTableContent" value="获得表格内容" onclick="getTableContent(rowIndex.value)">
</body>

</html>

来自:http://www2.matrix.org.cn/thread.shtml?topicId=39684&forumId=14&fid=14

您可能感兴趣的与本文相关的镜像

Langchain-Chatchat

AI应用

Langchain

Langchain-Chatchat 是一个基于 ChatGLM 等大语言模型和 Langchain 应用框架实现的开源项目，旨在构建一个可以离线部署的本地知识库问答系统。它通过检索增强生成 (RAG) 的方法，让用户能够以自然语言与本地文件、数据库或搜索引擎进行交互，并支持多种大模型和向量数据库的集成，以及提供 WebUI 和 API 服务