sunny123456

  博客园 :: 首页 :: 博问 :: 闪存 :: 新随笔 :: 联系 :: 订阅 订阅 :: 管理 ::
  1796 随笔 :: 22 文章 :: 24 评论 :: 226万 阅读
< 2025年3月 >
23 24 25 26 27 28 1
2 3 4 5 6 7 8
9 10 11 12 13 14 15
16 17 18 19 20 21 22
23 24 25 26 27 28 29
30 31 1 2 3 4 5

http://cache.baiducontent.com/c?m=BSl37ENFidjcv62duqhBNPyxQdFlxKAG2nco0JbV7TG7OfCyY_0aPbOo5NLl2ITMF_RwLsp2btw4gu3NAZQrJsi5BQvmSVIuiLVtUFdn098ApVGHqR8ARSW12LncAEdoE1VIdcUG9P86kLB19mY9G4TwE7L9eoEpdeajOdWhFYZECr_7wGbifCWk4vvLggl8_57t9ZBld4CuhIob_na360TAcfJwDuIHWGYvY9q-dZXegSd0uazx6ywR9J2G72yL&p=8071c64ad49e1ab442bd9b7d0d1497&newp=882a9645d49105fc57efc2365a5485231610db2151d4d7176b82c825d7331b001c3bbfb42329160fd9c176630ba54956ebf73773370923a3dda5c91d9fb4c57479da63&s=1679091c5a880faf&user=baidu&fm=sc&query=js��table�л���������ϢתΪjson&qid=fce8722b000b071e&p1=2


js获取表格的数据json字符串

        </h1>
        <div class="clear"></div>
        <div class="postBody">
            <div id="cnblogs_post_body" class="blogpost-body blogpost-body-html">

1,所需数据

工商银行 1236545878965874562
建设银行

1236545698745632145

 

 

 

 

2,html

<table border="1">
<thead>
<tr>
<td>开户行</td>
<td>账号</td>
</tr>
</thead>
<tbody id="myTable">
      <tr>
<td>银行</td>
<td>1234567989874569874</td>
</tr>
   <tr>
<td>银行</td>
<td>1234567989874569874</td>
</tr>
   </tbody>
</table>

3,js
var  banktrs=document.getElementById("myTable").rows;
var bankinfos = [];//新建一个数组
for(var i=0;i<banktrs.length;i++){
var tds=banktrs[i].cells;
var bankinfo={};
bankinfo.bank=tds[0].innerHTML;
bankinfo.account=tds[1].innerHTML;
bankinfos.push(bankinfo);
}
alert(JSON.stringify(bankinfos));

4,结果
[{"bank":"工商银行","account":"1234567989874569874"},{"bank":"建设银行","account":"1234567989874569874"}]

标签: js
« 上一篇: js将表格数据转换成json java
» 下一篇: 利用C#事务处理进行多重操作,回滚
posted @   涛声-依旧  阅读(313)  评论(0编辑  收藏
posted on   sunny123456  阅读(313)  评论(0编辑  收藏  举报
编辑推荐:
· AI与.NET技术实操系列(二):开始使用ML.NET
· 记一次.NET内存居高不下排查解决与启示
· 探究高空视频全景AR技术的实现原理
· 理解Rust引用及其生命周期标识(上)
· 浏览器原生「磁吸」效果!Anchor Positioning 锚点定位神器解析
阅读排行:
· DeepSeek 开源周回顾「GitHub 热点速览」
· 物流快递公司核心技术能力-地址解析分单基础技术分享
· .NET 10首个预览版发布:重大改进与新特性概览!
· AI与.NET技术实操系列(二):开始使用ML.NET
· .NET10 - 预览版1新功能体验(一)
点击右上角即可分享
微信分享提示