js动态修改、获取table单元格的内容

最新推荐文章于 2024-05-16 16:52:30 发布
最新推荐文章于 2024-05-16 16:52:30 发布
阅读量6.4k 收藏 3
点赞数
分类专栏： JavaScript 文章标签： table javascript button border function url

<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' οnclick='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>&nbsp;</td>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
</tr>
<tr>
    <td>&nbsp;</td>
    <td><span id="feedback_info" style="color:#FF0000"></span></td>
    <td>&nbsp;</td>
</tr>
<tr>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
</tr>
<tr>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
</tr>
<tr>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
    <td>&nbsp;</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;
}
}

老崔
关注
  • 0
    点赞
  • 踩
  • 3
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
JS 对table的一些操作
光羽住一
04-20 7918
1.遍历整个table function showtable(tableId) { //获取table序号 var tab = document.getElementById(tableId); //获取行数 var rows = tab.rows; //遍历行 for(var i=1;i<rows.length;i...
【HTML】js Table单击事件，获取表格行和列及单元格数值的方法
德仔
09-29 8757
【代码】[HTML]js Table单击事件，获取表格行和列及单元格数值的方法。
原生js操作table表格增删改查操作汇总
最新发布
随手记的笔记
05-16 823
【代码】原生js操作table表格增删改查操作汇总。
js获取table表格数据并返回对象数组（工作记录）
weixin_43966996的博客
07-25 5760
此业务为通过原生JS获取table值，并返回一个对象数组
js获取table的某个单元格的数据
相当rapper的程序员
03-24 2371
对于动态的table 表 直接上例子 <table class="table table-striped table-hover" id = "test"> <tr> <th>#</th> ...
js 获取 table 某一单元格
jainyin的专栏
12-13 1177
var tb=document.getElementById("tableName");tb.rows[0].cells[0].firstChild //第一行第一列单元格里的第一个控件
table的建立与赋值
le_duoduo的博客
07-24 1167
columnNames=new Vector(); //设置列名 columnNames.add("编号"); columnNames.add("菜名"); columnNames.add("价格"); columnNames.add("种类"); rowData = new
JS实现动态修改table及合并单元格的方法示例
10-20
在JavaScript中，动态修改表格（Table）以及合并单元格是常见的需求，特别是在处理数据展示或者报表生成时。以下将详细介绍如何使用JS实现这些功能。 首先，要动态修改表格，我们需要获取表格元素。在HTML中，表格...
layui table单元格事件修改值的方法
12-13
事件中的 this相当于document.getElementById(“id”) 替代方法就是将原本 document.getElementById("id").InnerHTML = "填充代码"; 替换成 $("#id").html("填充代码"); <!DOCTYPE html> ...meta
JS与jQuery遍历Table所有单元格内容的方法
11-22
在JavaScript和jQuery中遍历Table的所有单元格内容是常见的任务，尤其在处理表格数据时非常有用。下面将详细讲解这两种方法。 首先，我们来看纯JavaScript的实现方式： ```javascript function GetInfoFromTable...
优雅的elementUI table单元格可编辑实现方法详解
10-17
当用户在表格中点击单元格时，如果编辑模式开启，将显示相应的编辑组件，用户可以进行修改，完成后编辑组件会自动隐藏，单元格内容更新。 总结一下，实现 ElementUI Table 单元格可编辑的方法包括： 1. 使用自定义...
js遍历获取表格内数据的方法(必看)
01-19
本文将介绍如何使用js获取表格内某一单元格的内容，表格由table,tr,td等html标记组成。table表示表格，tr表示行，td表示行中列。 1、一般的表格结构如下 id name 1 fdipzone 2 wing 2、遍历表格中所有内容方法 首先需要給table加上id，这样方便定位到哪一个表格，例如 <table id=mytabl
获取多选table选中行中的单元格内容
10-17
该源码实现了如果table中第一列为多选文本框，要获取选中某几列后获取选中行后面的单元格td中的内容！
js轻松搞定“获取table当前行，指定字段值“
weixin_52236586的博客
07-15 5089
js轻松搞定"获取table当前行，指定字段值"
用javascript动态修改一个table的行列
weixin_30525825的博客
12-22 234
//动态添加行function addRow(){ var table = document.getElementById("tableID"); var newRow = table.insertRow(); //创建新行 var newCell1 = newRow.insertCell(); //创建新单元格 newCell.innerHTML = ""； //单元格内的内...
js对table的动态操作
weixin_33806914的博客
03-22 181
一、js动态生成、删除tr 在页面的操作中，我们往往会对table进行操作，例如增加一行，删除一行。查过好多资料，有好多方法。在具体实践中，我所涉及的需求是： 通过对js方法add（）传参数，然后把参数按照顺序分别具体的自动添加在所tr上，然后点击tr的“删除”button来出发moveTr()对这一行进行删除操作。 具体代码如下，仅供参考： //增加table中的“tr”，并给“td”赋...
js 单击表格某行，获取tr和td
wen_284334906的博客
11-25 2367
js 单击表格行，获取该行tr和td //点击行，获取第一个td值 if (event.srcElement.tagName == "TD") { curRow = event.srcElement.parentElement; tr = curRow.innerHTML; var td = curRow.cells var td_host = td[0].innerHTML } //扩展： //把该行所有的td值放在一个列表中,接上面方法 //var obj = []; // var
JS 获取table 下某行某列的值
古老的未来
09-13 3442
gg= Table2.rows[aa].cells[cel].childNodes[0].value; 得到 aa 行  cel 列   0为 第一个控件的值。 转自：JS 获取table 下某行某列的值 - 夜落曚空 - 博客园 http://www.cnblogs.com/studioyang/archive/2012/07/26/2609766.html
html 动态修改表格内容,js动态修改、获取table单元格的内容
05-31
要动态修改表格内容，可以使用 JavaScript 来获取和修改单元格的内容。以下是一些示例： 1. 获取单元格内容 可以使用以下代码来获取 table 中指定单元格的内容： ```javascript var table = document.getElementById("myTable"); var row = table.rows[0]; var cell = row.cells[0]; var cellContent = cell.innerHTML; ``` 这里假设 table 的 id 为 "myTable"，要获取第一行第一列的单元格内容。可以使用 rows 属性来获取表格的行，cells 属性来获取行中的单元格，然后使用 innerHTML 属性来获取单元格的内容。 2. 修改单元格内容 可以使用以下代码来修改 table 中指定单元格的内容： ```javascript var table = document.getElementById("myTable"); var row = table.rows[0]; var cell = row.cells[0]; cell.innerHTML = "New content"; ``` 这里假设 table 的 id 为 "myTable"，要修改第一行第一列的单元格内容。可以使用 rows 属性来获取表格的行，cells 属性来获取行中的单元格，然后使用 innerHTML 属性来修改单元格的内容。 需要注意的是，如果要修改大量单元格的内容，可以使用循环来实现。例如： ```javascript var table = document.getElementById("myTable"); for (var i = 0; i < table.rows.length; i++) { var row = table.rows[i]; for (var j = 0; j < row.cells.length; j++) { var cell = row.cells[j]; cell.innerHTML = "New content"; } } ``` 这里使用了两个循环来遍历表格的所有行和单元格，并且将它们的内容都修改为 "New content"。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值