JS获取表格行数和列数

最新推荐文章于 2023-10-08 16:19:24 发布
最新推荐文章于 2023-10-08 16:19:24 发布
阅读量3.6k 收藏
点赞数
文章标签： button border function
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/sky_zhangfan/article/details/3857898
版权

<html>
<head>
<script type="text/javascript">
    function show()
{
var tab = document.getElementById("tab") ;
      //表格行数
      var rows = tab.rows.length ;
      //表格列数
      var cells = tab.rows.item(0).cells.length ;
      alert("行数为："+rows+"列数为："+cells);
}
</script>
</head>
<body>
<table id="tab" border="1">
<th>
    <td>标题1</td><td>标题2</td>
</th>
<tr>
    <td>AA</td><td>BB</td>
</tr>

<tr>
    <td>aa</td><td>bb</td>
</tr>
</table>
<input type="button" οnclick="show();"/>
</body>
</html>

sky_zhangfan
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
JS 巧妙获取剪贴板数据 Excel数据的粘贴
10-29
最近需要在浏览器端实现excel数据的粘贴，一开始去找获取剪贴板数据的方法。但是在浏览器端，JS去取是受安全限制的。
Excel行列转换工具
03-29
在excel中对行转换成列，也可将列转换成行。很方便的一键式工具。
JS导出Excel自动获取table页面数据自动获取，并进行单元格合并行，列
qq_36597079的博客
07-25 6984
JS获取table页面数据自动获取，并进行单元格合并行，列 自己在百度上看的，感觉还可以 自己吧下面的代码复制就可以用了 （关于无法启动Excel问题，）   这是HTML页面 &lt;!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd...
js 获取表格内容
08-12
javascript获取表格的行数和列数，以及表格的内容
js获取表格的行数和列数的方法
12-28
如何使用JavaScript获取一个表格的行数和列数？其实很简单，假设存在如下表格：                    
js 自定义表格的合并单元格、插入行列、删除行列
我见青山多妩媚,料青山见我应如是
09-09 2478
js 自定义表格的合并单元格、插入行列、删除行列
javaScript读取excel文件中某几行的数据
热门推荐
cysisu的博客
11-23 1万+
一、介绍      这份代码借鉴了YouTube上的这个视频：https://www.youtube.com/watch?v=OK60UdWyUdE代码，讲解得很棒，让我一个不太懂javasript的小白明白了调用的机制。非常的感谢，差点我就放弃了。下面讲解下我的理解：（适合小白看，最后我会给出可以运行的文件包）       第一步：读取excel文件需要下载三个js文件：jquery-3.3...
js获取表格数据并利用SheetJS导出excel
最新发布
xxxPHP_er的博客
10-08 723
通过以上步骤，我们使用JavaScript获取表格数据，并利用SheetJS库将其导出为Excel文件。这种方法不仅简化了数据导出过程，还提高了数据处理的效率。在web开发中，这种方法非常有用，可以帮助我们轻松地将表格数据导出为Excel文件，以便于数据分析和处理。
js获取table的行数与列数
古老的未来
07-24 6819
转自：http://blog.csdn.net/wangygang/article/details/4531684 http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> http://www.w3.org/1999/xhtml"> 无标题文档 JavaScript" language="javascript">  
获取表格当前行数的JS代码
03-07
这是一个JS获得表格当前行数的例子，也就是你的鼠标在那一行 JS都可以帮你获得行数。
动态添加删除表格行的js实现代码
12-10
代码如下:<...<head>[removed] //窗口表格增加一行 function addNewRow(){ var tabObj=document.getElementById(“myTab”);...//获取行的列数 var myNewRow = tabObj.insertRow(rowsNum);//插入新行 va
JS固定表头和左边列V2.0（源码）
07-31
1.表格的宽度以及表格每一列的宽度需要固定（特殊情况除外：当表格列数少并且表格总宽度明显小于表格父容器的宽度时，也就是表格列不存在自动换行的问题） 2.表格父容器尺寸大小改变时，需要调用 setBoxSize 方法，...
JavaScript与DOM组合动态创建表格实例
12-12
简介　这篇文章简单介绍了DOM 1.0一些基本而强大的方法以及如何在JavaScript中使用它们。你可以学到如何动态地创建...单元格的文字内容是：“单元格是第y行第x列”，表示单元格在表格中的行数和列数。 代码如下:<ht
JavaScript操作表格
12-12
//获取行的列数 var row = objTable.insertRow(objTable.rows.length); for (var i = 0; i ; i++) { var newCell = row.insertCell(i); newCell.innerHTML = "你好"; } } //删除行 function deleteRow() { ...
JS实现带阴历的日历功能详解
12-10
既然要显示日期表格的话，首先得知道这个表格有多少行多少列，列数是已经确定的，从星期天（日历上第1列是星期天）到星期六一共7列。要解决行数问题之前，还得先知道这个月的第1天是星期几，因为每个月的1号并不都是...
程序天下:JavaScript实例自学手册
07-08
9.15 表格设置为“100%”时获取表格的宽度 9.16 表格选中后变色 9.17 表格中隐藏下级表格 9.18 表格自动下移 9.19 动态创建固定列数的表格 9.20 动态改变表格列宽 9.21 动态改变表格的行顺序 9.22 动态生成包含合并...
《程序天下：JavaScript实例自学手册》光盘源码
02-08
9.15 表格设置为“100%”时获取表格的宽度 9.16 表格选中后变色 9.17 表格中隐藏下级表格 9.18 表格自动下移 9.19 动态创建固定列数的表格 9.20 动态改变表格列宽 9.21 动态改变表格的行顺序 9.22 动态生成包含合并...
JS组件Bootstrap Table使用方法详解
04-27
bootStrap table获取数据有两种方式，一是通过table 的data-url属性指定数据源，二是通过JavaScript初始化表格时指定url来获取数据 [xhtml] view plain copy <table data-toggle="table"> <thead> ... ...
在html文本框中输入表格的行数、列数、宽度、高度，点击创建按钮触发事件获取html中表格的行数、列数、宽度、高度，传值给函数创建表格
04-24
好的，我理解了你的问题。对于这个需求，通常可以使用 JavaScript 来实现。具体的实现步骤如下： 1. 首先，在 HTML 页面上创建一个文本框用于输入需要创建的表格的行数、列数、宽度、高度，并添加一个按钮用于触发创建事件。 2. 在 JavaScript 中，获取这些输入框的值，并转换为需要的类型（如将行数和列数转为数字类型）。 3. 接下来，使用 document.createElement() 方法创建一个新的表格元素，并使用循环创建表格的行和列。 4. 对于每一个单元格，设置宽度和高度，并将其添加到对应的行和列中。 5. 最后，将新创建的表格添加到页面中。 下面是一个基本的示例代码： HTML： ``` <label>行数：<input id="rowNum" type="text"></label> <label>列数：<input id="colNum" type="text"></label> <label>宽度：<input id="width" type="text"></label> <label>高度：<input id="height" type="text"></label> <button id="createTable">创建表格</button> <div id="tableContainer"></div> ``` JavaScript： ``` // 获取输入框和按钮元素 var rowNumInput = document.getElementById('rowNum'); var colNumInput = document.getElementById('colNum'); var widthInput = document.getElementById('width'); var heightInput = document.getElementById('height'); var createButton = document.getElementById('createTable'); var tableContainer = document.getElementById('tableContainer'); // 绑定创建事件 createButton.addEventListener('click', function() { // 获取所需参数 var rowNum = parseInt(rowNumInput.value, 10); var colNum = parseInt(colNumInput.value, 10); var width = widthInput.value; var height = heightInput.value; // 创建表格 var table = document.createElement('table'); for (var i = 0; i < rowNum; i++) { var row = document.createElement('tr'); for (var j = 0; j < colNum; j++) { var cell = document.createElement('td'); cell.style.width = width + 'px'; cell.style.height = height + 'px'; row.appendChild(cell); } table.appendChild(row); } // 显示表格 tableContainer.appendChild(table); }); ``` 希望这个示例能够帮助你解决问题。如果还有其他疑问或需要了解更多信息，请随时向我提问。

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值