JavaScript

【JavaScript】【Web前端基础】js如何获取table所有的数据

2020-12-23 10:55发布

站内问答 / JavaScript
5294 8 9
发送
8条回答
summer
2楼 · 2020-12-23 16:35
var tb=document.getElementById("tableId");    //获取table对像
    var rows=tb.rows;
      for(var i=0;i//--循环所有的行
        var cells=rows[i].cells;
        for(var j=1;j//--循环所有的列
           alert(cells[j].innerHTML);
 
        }
     }


浅浅77
3楼 · 2020-12-24 09:41

描述

var trs = $('#demoList tr');for (var i=0;i

解释

#demoList：可以是table的id，也可以是其他标签的id

innerText：获取值

innerHTML：获取html

通过debug可以很清楚的查看这些属性

我是大脸猫
4楼 · 2020-12-24 10:14

1.一般的表格结构如下


 
   
   
 
 
   
   
 
 
   
   
 
idname
1fdipzone
2wing
  1234567891011121314


2.遍历表格中所有内容方法

首先需要給table加上id，这样方便定位到哪一个表格，例如

1

获取表格行数

[removed]/** 
 * 获取表格行数
 * @param  Int id 表格id
 * @return Int
 */function getTableRowsLength(id){    var mytable = document.getElementById(id);    return mytable.rows.length;
}
[removed]1234567891011



获取表格某一行列数

[removed]/** 
 * 获取表格某一行列数
 * @param  Int id    表格id
 * @param  Int index 行数
 * @return Int
 */function getTableRowCellsLength(id, index){    var mytable = document.getElementById(id);    if(index


遍历表格内容保存到数组
[removed]/** 
 * 遍历表格内容返回数组
 * @param  Int   id 表格id
 * @return Array
 */function getTableContent(id){    var mytable = document.getElementById(id);    var data = [];    for(var i=0,rows=mytable.rows.length; i

3.遍历表格内容完整例子

 
  
   获取表格内容 
  
  [removed]

    /** 
     * 遍历表格内容返回数组
     * @param  Int   id 表格id
     * @return Array
     */
    function getTableContent(id){
        var mytable = document.getElementById(id);        var data = [];        for(var i=0,rows=mytable.rows.length; i';
        }
        document.getElementById('result')[removed] = tmp;
    }  [removed]
 

 
    
     
       
       
     
     
       
       
     
     
       
       
     
    
idname
1fdipzone
2wing


    

    

 
py大白
5楼 · 2020-12-25 12:33

描述

var trs = $('#demoList tr');for (var i=0;i

解释

#demoList：可以是table的id，也可以是其他标签的id

innerText：获取值

innerHTML：获取html

通过debug可以很清楚的查看这些属性


大大泡泡糖 - 你小时候 经常吃大大泡泡糖吗
6楼 · 2020-12-25 17:15

描述

var trs = $('#demoList tr');for (var i=0;i

解释

#demoList：可以是table的id，也可以是其他标签的id

innerText：获取值

innerHTML：获取html

通过debug可以很清楚的查看这些属性


我的网名不再改
7楼 · 2020-12-26 19:30

描述

var trs = $('#demoList tr');
for (var i=0;i
解释
#demoList：可以是table的id，也可以是其他标签的id
innerText：获取值
innerHTML：获取html
通过debug可以很清楚的查看这些属性
yunfeng
8楼 · 2020-12-28 08:50

描述

var trs = $('#demoList tr');for (var i=0;i

解释

#demoList：可以是table的id，也可以是其他标签的id

innerText：获取值

innerHTML：获取html

通过debug可以很清楚的查看这些属性


ablabla
9楼 · 2020-12-31 17:09

描述

var trs = $('#demoList tr');for (var i=0;i

解释

#demoList：可以是table的id，也可以是其他标签的id

innerText：获取值

innerHTML：获取html

通过debug可以很清楚的查看这些属性


相关问题推荐

  • js如何给每个数组内的元素后面添加新的字段JavaScript 2021-12-08 11:22
    回答 8

    向一个对象数组里面添加新的属性var arry= [{a:11,b:22,c:33,d:44},{a:11,b:0,c:0,d:44},{a:11,b:22,c:99,d:99}];var arry2=[];arry.map(((item, index)=> {arry2.push(Object.assign({},item,{mess1:item.c,mess2:item.d}))}))cons...

  • 这段JS代码为什么输出[1,2,3,4]而不是[1JavaScript 2021-12-03 15:00
    回答 2

    我觉得getTopWindow(） 应该是他自己写的函数 mask  应该是getTopWindow(）函数中 return 出的一个什么玩意show()  jQuery的显示

  • js 怎样对比两个数组？并且将不一样的数据提取出来JavaScript 2021-11-24 14:33
    回答 9

    如图所示

  • JavaScript 原型，原型链 ? 有什么特点JavaScript 编程语言 2021-11-10 16:42
    回答 12

    1、原型对象也是普通的对象，是对象一个自带隐式的 __proto__ 属性，原型也有可能有自己的原型，如果一个原型对象的原型不为 null 的话，我们就称之为原型链 2、 原型链是由一些用来继承和共享属性的对象组成的（有限的）对象链...

  • 怎么在vscode中调试js代码JavaScript 2021-04-27 09:44
    回答 6

    使用VS code对JS进行Debug，需要安装一个插件，这个插件是根据你所使用的浏览器来的，不同浏览器对应插件不同，以下是插件对应情况，下载完相应的插件以后还要下载一个live server在浏览器下查看你界面运行效果，记得在到设置里修改下live server的端口号，然...

  • 没有基础学习java可以跟上嘛JavaScript 2021-04-19 08:57
    回答 8
    已采纳

    没有基础，是可以学Java的，在网上也能找到很多免费的视频、学习资料等资源，只不过想要光靠自己摸索学透Java并不容易，最好是找一个比较靠谱的有实训的培训机构。不过，我给你点建议：1.脑子里要有编程思维，2.学习态度要有，3.了解了基本概念后，从图形界面...

  • 如何通过javascript向文档中输出文本JavaScript 2021-04-02 09:53
    回答 7

    假设文本框的id=text1js:document.getElementById(text1).value = 测试;//即可

  • load和DOMContentLoaded的区别Web语言 JavaScript 2021-02-01 10:22
    回答 2

    这两个事件都是在js原生开发时经常会用到的，比如需要对页面dom进行动态处理，这时就需要用到DOMContentLoaded和[removed]事件，大家都知道，就是在dom构建完毕后，才可以对dom元素进行操作，否则会获取不到相应的dom元素，但是DOMContentLoaded和[removed]还...

  • cookie，localStorage，sessiWeb语言 JavaScript 2021-02-01 09:28
    回答 11

    基本概念CookieCookie 是小甜饼的意思。顾名思义，cookie 确实非常小，它的大小限制为4KB左右。它的主要用途有保存登录信息，比如你登录某个网站市场可以看到记住密码，这通常就是通过在 Cookie 中存入一段辨别用户身份的数据来实现的。localStoragelocalStor...

  • 在vscode调试ajax的过程中，如何将httpWeb语言 JavaScript 2021-01-29 16:37
    回答 2

    在vscode 头疼的问题是 用浏览器查看网页！会是以文件夹的方式打开的！  我遇到这个问题 我还重新配置了Apache    ！ 但是现在可以解决：使用vscode  ==================== 打开cmd   : 在cmd 控制台中输入  ：   1.运行cnpm install live-server...

  • 如何使用extend实现深拷贝JavaScript JQuery 2021-01-27 13:57
    回答 1

    在进行对象之间的合并的时候，就会使用到extend方法进行合并语法结构：$.extend(true,{},对象1,对象2...)但是这里需要考虑一个问题，如果对象间有相同的属性名，就会涉及到哪一个对象和哪一个对象的值覆盖合并的问题，如果对象中的属性值还是一个对象的话，那...

  • 用原生js实现图片上传效果，如何限制图片的宽高？JavaScript Web语言 2021-01-27 10:12
    回答 5
    已采纳

    先说下要实现什么功能，比如：限制图片大小不能超过30K，宽高为121x75上面需求提了，然后我直接把代码给你放出来，可以照着下面代码敲一遍试试就知道怎么限制图片宽高了 $(#picFile4).on(change,function(){ var imgFile = this.files[0]; va...

  • js中定时器定义在元素身上有什么好处？JavaScript 2021-01-26 17:01
    回答 3

    用python爬取近30天百度指数代码均转载，如下：#1.登录url = ‘http://index.baidu.com/’driver = webdriver.Chrome(executable_path=‘C:/Program Files(x86)/Google/Chrome/Application/chromedriver.exe’)driver.get(url)cookieList = [......

  • 【Web前端基础】js判断是不是对象类型JavaScript 2021-01-06 09:53
    回答 7

    基本类型基本类型分为以下六种：string（字符串）boolean（布尔值）number（数字）symbol（符号）null（空值）undefined（未定义）注意：string 、number 、boolean 和 null  undefined 这五种类型统称为原始类型（Primitive），表示不能再细分下去的基本类...

  • 用JS写一个格式化时间的方法JavaScript 2021-01-05 10:56
    回答 11

    实体类中添加时间转换注解（注意时区问题）12345/**  * 开始时间  */ @JsonFormat(pattern = yyyy-MM-dd HH:mm:ss, timezone=GMT+8) private Date startTime;

  • 【Web前端基础】js运算符优先级最高的是JavaScript 2021-01-04 14:00
    回答 5

    实例中包含加、减、乘、除四种运算，由于先乘和除的优先级别高，所以乘和除将首先被运算，接下来是加和减运算。乘和除优先级相同，所以左边的乘法将被先执行，然后是除法，接下来按从左到右的顺序进行加减运算...

没有解决我的问题，去提问