在js中怎样获取当前页面表格中的数据

在js中怎样获取当前页面表格中的数据,第1张

1、JS获取表格的简便方法:获取tbody:tBodies 获取thead:tHead 获取tfoot:tFoot 获取行tr:rows 获取列td:cells

使用实例: oTabletBodies[0] oTabletHead[0] oTabletFoot[0] oTablerows[1] oTablecells[1]

2、遍历

var oTable=documentgetElementById("表格id");

oTabletBodies[0]可以看成是rows和cells组成的二维数组,用两个for循环嵌套遍历一下就可以了

设置或获取整个 URL 为字符串具体代码为: windowlocationhref

例1、生成二维码为格式(优点:便于分享到微信、QQ或其他网页)

<script type="text/javascript" src="jquery-171minjs"></script>

 <script type="text/javascript" src="jqueryqrcodejs"></script>

 <script type="text/javascript" src="qrcodejs"></script>  

<div id="divOne"></div>  

  <img id='imgOne'  style='border:1px solid red;'/>  

<script>  

//默认使用Canvas生成,并显示到   

 var qrcode= $('#divOne')qrcode({

       text: windowlocationhref,//二维码代表的字符串(本页面的URL)

       width: 150,//二维码宽度

       height: 150//二维码高度

    })hide();   

 var canvas=qrcodefind('canvas')get(0);  

 $('#imgOne')attr('src',canvastoDataURL('image/jpg'))  

</script>

例2、生成二维码为非格式 (优点:便于生成速度快,不占用空间)

<script type="text/javascript" src="jquery-171minjs"></script>

 <script type="text/javascript" src="jqueryqrcodejs"></script>

 <script type="text/javascript" src="qrcodejs"></script> <div id="qrcodeCanvas"></div>

<script>

    $('#qrcodeCanvas')qrcode({

       text: windowlocationhref,//二维码代表的字符串(本页面的URL)

       width: 150,//二维码宽度

       height: 150//二维码高度

    });

</script>

以上就是关于在js中怎样获取当前页面表格中的数据全部的内容,包括:在js中怎样获取当前页面表格中的数据、用html 获得当前页面地址要如何写、等相关内容解答,如果想了解更多相关内容,可以关注我们,你们的支持是我们更新的动力!

欢迎分享,转载请注明来源:内存溢出

原文地址:https://54852.com/web/9478522.html

(0)
打赏 微信扫一扫微信扫一扫 支付宝扫一扫支付宝扫一扫
上一篇 2023-04-28
下一篇2023-04-28

发表评论

登录后才能评论

评论列表(0条)

    保存