JavaScript从HTML Table中取得某单元格Cell中的数据

最新推荐文章于 2020-03-24 02:19:56 发布
最新推荐文章于 2020-03-24 02:19:56 发布
阅读量140 收藏 1
点赞数
文章标签： javascript xhtml ViewUI
原文链接：http://www.cnblogs.com/freedom831215/archive/2009/10/03/1577578.html
版权
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <title></title>

    <script type="text/javascript">
        //code from NC01 http://forums.asp.net/t/1395561.aspx
        function getTableColumnValue(tableId, rowNumber, columnNumber) {
            var tableRef = document.getElementById(tableId);

            var elementRef = tableRef.rows[rowNumber].cells[columnNumber];
            var elementValue = '';

            if (elementRef.textContent) {
                // Firefox
                elementValue = elementRef.textContent;
            }
            else if (elementRef.innerText) {
                // IE
                elementValue = elementRef.innerText;
            }
            else {
                // Default
                elementValue = elementRef.innerHTML;
                var regExp = /<\/?[^>]+>/gi;

                elementValue = elementValue.replace(regExp, '');
            }

            //alert(elementValue);

            return elementValue;
        }
    </script>

</head>
<body>
    <table border="1" id="myTable">
        <tr>
            <td>
                aa
            </td>
            <td>
                bb
            </td>
            <td>
                cc
            </td>
        </tr>
        <tr>
            <td>
                dd
            </td>
            <td>
                ee
            </td>
            <td>
                ff
            </td>
        </tr>
        <tr>
            <td>
                gg
            </td>
            <td>
                hh
            </td>
            <td>
                ii
            </td>
        </tr>
    </table>
    <input type="button" value="click" οnclick="this.value=getTableColumnValue('mytable',1, 2);">
</body>
</html>

转载于:https://www.cnblogs.com/freedom831215/archive/2009/10/03/1577578.html

weixin_30530523
关注
  • 0
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
js对表格行进行操作.获取单元格的值等
陈杰的专栏
08-04 3995
code1 var j=0function add_row(){j++ //j=sqd.rows.length; newRow=document.all.sqd.insertRow(-1) newcell=newRow.insertCell() newcell.style.backgroundColor=#f7f7f7 newcell.innerHTML=j newcell=newRow.
VUE + elementui-table组件 在table-cell单元格中绘制微型echarts图
01-08
通过以上步骤，就可以在Vue项目中使用Element UI的表格组件，并在table-cell单元格中绘制微型的ECharts图表，实现数据的可视化展示。需要注意的是，实际开发过程中可能需要根据实际的数据结构和样式需求进行相应的...
js 中关于table表格的cell，row 的属性的操作
热门推荐
想飞的鱼
06-04 1万+
<br /><html><br /><head><br /><title>添加行</title><br /><script type="text/javascript"><br />function addRow(tb)<br />{<br />    var tb=document.getElementById(tb);<br />    alert(tb.rows(0).cells(0).innerText);<br />    var tbody = tb.childNodes[0];<br />  
JS获取table表格任意单元格值
itmyhome的专栏
11-23 1395
jsp页面表格布局 &lt;body onload="show()"&gt; &lt;center&gt; &lt;input type="text" value="111" id="mytext"&gt; &lt;table border="1" width="60%" id="my
js动态修改、获取table单元格的内容
08-15 6476
111111222222333333444444function change(){document.getElementById(tab).rows[0].childNodes[0].innerText = aaa;}--------------------------------------------------------------------------------he
js获取table的某个单元格的数据
相当rapper的程序员
03-24 2381
对于动态的table 表 直接上例子 <table class="table table-striped table-hover" id = "test"> <tr> <th>#</th> ...
js获得<table>的单元格信息
VerRan
11-08 163
  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  只刷新...
vue 中 elment-ui table合并上下两行相同数据单元格
10-15
本文将详细介绍如何在Vue中使用Element-UI的`el-table`组件来合并上下两行相同数据的单元格。 首先，我们需要在HTML模板中设置`el-table`组件。在以下示例中，我们定义了一个表格，包含四个列（项目名称、污染区段...
VUE+elementui组件在table-cell单元格中绘制微型echarts图
10-15
本篇文章将详细讲解如何在`table-cell`单元格内绘制微型ECharts图，以满足此类需求。 首先，ECharts是一个优秀的JavaScript可视化库，它提供了丰富的图表类型和强大的交互功能。在Vue项目中，我们可以利用ECharts的...
vue+elementui实现点击table中的单元格触发事件--弹框
10-15
`el-table`接受`data`属性来绑定数据源，`border`属性用于添加边框样式，而`style="width: 100%"`则设置表格宽度为100%以占据容器的全部宽度。 ```html <el-table :data="tableData" border style="width: 100%"> `...
JS与jQuery遍历Table所有单元格内容的方法
11-22
本文实例讲述了JS与jQuery遍历Table所有单元格内容的方法。分享给大家供大家参考，具体如下： 用JS去遍历Table的所有单元格中的内容，可以用如下JS代码实现： function GetInfoFromTable(tableid) { var tableInfo = ""; var tableObj = document.getElementById(tableid); for (var i = 0; i < tableObj.rows.length; i++) { //遍历Table的所有Row for (var j = 0; j < tableObj.rows[i].
js获取表格内容
08-13
js获取表格内容
js 获取表格内容
08-12
javascript获取表格的行数和列数，以及表格的内容
获取多选table选中行中的单元格内容
10-17
该源码实现了如果table中第一列为多选文本框，要获取选中某几列后获取选中行后面的单元格td中的内容！
javascript实现table单元格点击展开隐藏效果(实例代码)
10-20
在Web开发中，使用JavaScript实现HTML表格（table）单元格的点击展开和隐藏效果是一个常见的需求，这通常用来实现如详细信息的查看和收起功能。本文将详细解读如何使用JavaScript及jQuery库来实现该效果。 首先，要...
js获得table单元格的信息(转)
szyueran的专栏
10-11 1323
js获得table单元格的信息 获取表格中的某个单元格的内容 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是指
js 获取table单元格的内容
LZH的专栏
04-11 9655
<br /><%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%> <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <meta http-equiv="Content-Type" content=
html 批量编辑table中选中的单元格
最新发布
05-19
这个例子中，我们首先在HTML中创建了一个简单的表格，并将每个单元格的点击事件绑定到一个JavaScript函数。当单元格被点击时，它的CSS类名将被切换为“selected”，这样我们就可以通过查询拥有该类名的所有单元格来...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值