<table border=1 width=200 height=150 id='tab'>
<tr><td>111</td><td>111</td></tr>
<tr><td>222</td><td>222</td></tr>
<tr><td>333</td><td>333</td></tr>
<tr><td>444</td><td>444</td></tr>
</table>
<p align=center><input type='button' onclick='change()'>
<script>
function change(){
document.getElementById('tab').rows[0].childNodes[0].innerText = 'aaa';
}
</script>
--------------------------------------------------------------------------------
<table id="test">
<tr>
<td>hello</td>
</tr>
</table>
<script language="JavaScript">
alert(document.getElementById("test").rows[0].cells[0].innerText);
</script>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>无标题文档</title>
</head>
<body>
<table id="tb">
<tr>
<td>title</td>
<td>title1</td>
</tr>
<tr>
<td>test</td>
<td>test1</td>
</tr>
</table>
<input type="button" onClick="show(tb,result);" value="获取">
<input type="text" size=10 name="result">
<script language="javascript">
function show(tb,txt)
{
document.all.result.value=document.all.tb.rows(1).cells(1).innerHTML;
}
</script>
<table width="800" border="0" cellspacing="0" cellpadding="0">
<tr>
<td> </td>
<td> </td>
<td> </td>
</tr>
<tr>
<td> </td>
<td><span id="feedback_info" style="color:#FF0000"></span></td>
<td> </td>
</tr>
<tr>
<td> </td>
<td> </td>
<td> </td>
</tr>
<tr>
<td> </td>
<td> </td>
<td> </td>
</tr>
<tr>
<td> </td>
<td> </td>
<td> </td>
</tr>
</table>
<script>
document.getElementById("feedback_info").innerHTML="aaaaaa";
document.all.tb.rows(0).cells(1).innerHTML="aaaaaa";
</script>
</body>
</html>
js获得<table>的单元格信息
1. 获取表格中的某个单元格的内容
var tid=listFrame.now.rows[1].cells[2].innerHTML;
listFrame是指某一窗口或者frame
now 是表格的id
rows[i] 是指某一行 比如属性:length
cells[j] 是指某一个单元格 rows[i].cells[j]表示第i行第j列
innerHTML是指单元格的值
2 只刷新一次
function reurl(){
url = location.href; //把当前页面的地址赋给变量 url
var times = url.split("?"); //分切变量 url 分隔符号为 "?"
if(times[1] != 1){ //如果?后的值不等于1表示没有刷新
url += "?1"; //把变量 url 的值加入 ?1
parent.parent.location.reload() //刷新页面
}
else{
reutrn false;
}
}
本文来自CSDN博客，转载请标明出处：http://blog.csdn.net/J2EEWEIWEI/archive/2009/08/15/4449022.aspx
相关推荐
在JavaScript中，动态修改表格（Table）以及合并单元格是常见的需求，特别是在处理数据展示或者报表生成时。以下将详细介绍如何使用JS实现这些功能。 首先，要动态修改表格，我们需要获取表格元素。在HTML中，表格...
本篇文章将深入探讨如何使用JavaScript实现这一功能，包括选择表格元素、获取和设置单元格内容，以及监听事件来实时更新表格。 首先，我们需要了解HTML中的`<table>`元素结构，通常包括`<tr>`（行）、`<th>`（表头...
事件中的 this相当于document.getElementById(“id”) 替代方法就是将原本 document.getElementById("id").InnerHTML = "填充代码"; 替换成 $("#id").html("填充代码"); <!DOCTYPE html> ...meta
本教程将深入探讨如何使用jQuery实现动态更改table表格数据，让你的网页表格具有实时编辑功能，提升用户体验。 首先，我们需要理解HTML表格的基本结构。一个基本的表格由`<table>`元素开始，包含若干个`<tr>`（行）...
假设我们要根据用户的选择动态地修改表格内容或进行其他操作，例如：根据用户的输入自动计算总和等，可以通过以下方式来扩展上述功能： 1. **增加计算功能**：可以在 `check` 函数中加入计算逻辑，比如统计选中行...
在这里，我们可以根据预处理的结果，修改数据源，添加额外的信息以指示哪些单元格需要合并。 3. **示例代码** ```javascript var data = [/* 你的原始数据 */]; // 预处理数据，找到需要合并的单元格信息 var...
9. 处理特殊情况：文中提到了如果需要获取特定列的值，可以修改.find("tr").children("td")中的参数，例如.eq(2)来获取第三列的单元格内容。 10. 注意事项：在使用eq()和children()等方法时，需要注意它们是用于...
本文所探讨的方法主要涉及使用JavaScript动态创建表格，并为表格中的每一个单元格添加点击事件处理函数，实现点击单元格时能够弹出单元格内容并改变单元格背景颜色的效果。下面详细地对标题、描述和给出的部分内容...
总而言之，通过JavaScript动态改变HTML表格单元格内容是Web开发中一项基础而重要的技能。通过掌握DOM操作、事件处理和条件逻辑等知识点，开发者可以灵活地设计出满足不同需求的动态网页应用。希望本文所述内容能够...
例如，我们可以使用 input 元素来编辑单元格的内容，然后使用 JavaScript 代码来保存修改后的内容。在这里，我们将使用 input 元素来编辑单元格的内容。 首先，我们需要在 HTML 文件中添加一个 input 元素，然后...
在JavaScript（JS）中获取HTML5（H5）表格（table）的内容是一项常见的任务，尤其在数据处理和页面交互中。这个"解决方案_JS获取H5table内容.rar"压缩包提供了一个方法来解决这个问题，适用于那些需要从网页表格中...
JavaScript（js）作为客户端脚本语言，使得我们能够实现表格的动态交互功能，如动态添加行、行编辑以及行数据修改。下面我们将深入探讨这些知识点。 ### 1. 动态添加行 在HTML中，`<table>`元素用于创建表格，但...
// 获取Table中单元格的内容 tableInfo += "\n"; } } return tableInfo; } ``` 在上面的代码中，`GetInfoFromTable`函数接受一个ID参数，该参数指明了要遍历的表格对象。函数通过双层循环遍历表格的所有单元格...
当用户在表格中点击单元格时，如果编辑模式开启，将显示相应的编辑组件，用户可以进行修改，完成后编辑组件会自动隐藏，单元格内容更新。 总结一下，实现 ElementUI Table 单元格可编辑的方法包括： 1. 使用自定义...
// 输出单元格内容 } } ``` 此外，现代浏览器支持`querySelectorAll()`方法，可以更方便地获取指定类型的元素： ```javascript var allCells = table.querySelectorAll('td'); // 获取所有单元格 ``` 在实际...
JavaScript是一种强大的客户端脚本语言，广泛应用于网页交互和动态内容的生成。...以上内容涵盖了JavaScript动态创建Table的基本步骤和相关技术，理解并掌握这些知识点将有助于实现各种复杂的网页交互功能。
在JavaScript编程中，实时修改表格（Table）数据是一项常见的需求，特别是在动态网页应用中。这里我们将深入探讨如何使用JavaScript，结合Ajax和JSON技术，来实现这一功能。 首先，我们需要了解HTML表格的基本结构...
不过，本项目可能采用了原生JavaScript来实现，这需要对DOM操作有深入理解，例如使用`document.getElementById`或`querySelector`获取元素，`innerHTML`或`textContent`改变内容，以及监听`click`、`change`等事件。...
在这个场景下，我们需要掌握如何利用JavaScript有效地获取table中某个td的值，以便实现动态的页面交互。 首先，了解HTML表格的基本结构至关重要。一个表格由`<table>`元素定义，其中包含多个`<tr>`（行）元素，每个...