处理网页中表格内容

最新推荐文章于 2024-03-20 13:16:52 发布
最新推荐文章于 2024-03-20 13:16:52 发布
阅读量884 收藏
点赞数
文章标签： button input function javascript border table
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/gaotianle/article/details/1825671
版权
<li>*     通过&lt;table&gt;&lt;/table&gt;标记中的id得到表格对象，或通过innerHTML插入表格对象。

<li>*     通过表格对象的insertRow方法在表格中插入行。

<li>*     通过行对象的insertCell方法在行中插入表格元素。

<li>*     通过表格元素对象的innerHTML方法添加表格元素中的内容。

<li>*     通过行对象的deleteCell方法删除行中的表格元素。

<li>*     通过表格对象的deleteRow方法删除表格中的行。

<html>

<head>

      <meta http-equiv="Content-Type" content="text/html; charset=gb2312">

      <title>处理网页中表格内容</title>

      <script language="JavaScript">

      <!--

            function addRow()              //添加行

            {

                 var tableObj = document.getElementById("mainTb");  //获取表格相关属性

                 //设置行、名称、单位、按钮等相关变量

                 var newRowObj = tableObj.insertRow(tableObj.rows.length);

                 var newNameCell = newRowObj.insertCell(newRowObj.cells.length);

                 var newCompanyCell = newRowObj.insertCell(newRowObj.cells.length);

                 var newButtonCell = newRowObj.insertCell(newRowObj.cells.length);

                 //添加“姓名”表元

                 newNameCell.innerHTML = document.getElementById("newName").value;

                 //添加“单位”表元

                 newCompanyCell.innerHTML = document.getElementById("newCompany").value;

                 //添加“删除”表元

                 newButtonCell.innerHTML = '<input type="button" value="删除" οnclick="deleteRow('+(tableObj.rows.length-1)+')">';

            }

            function deleteRow(index)      //删除行

            {

                  var tableObj = document.getElementById("mainTb");  //获取表格相关属性

                  tableObj.deleteRow(index);       //删除指定行

            }

      //-->

      </script>

</head>

<body  bgcolor="#FFC0C0" style="margin:40px">

      <h2>处理网页中的表格内容</h2><hr><br>

      <table id="mainTb" border="1">

            <tr><th width="80">姓名</th><th width="250">单位</th></tr>

            <tr id="row0"><td>张辰刚</td><td>北京华夏食品有限公司</td>

                     <td><input type="button" value="删除" οnclick="deleteRow(0)"></td></tr>

            <tr id="row1"><td>郭兴旺</td><td>广州天河文化传播公司</td>

                     <td><input type="button" value="删除"οnclick="deleteRow(1)"></td></tr>

      </table><br>

      <div><hr>

      <span id="new">

           姓名：<input type="text" name="newName" id="newName"><br>

           单位：<input type="text" id="newCompany">&nbsp;

           <input type="button" value="添加" οnclick="addRow()">

      </span>

      </div>

</body>

</html>
gaotianle
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
网页中的表格
Meatball_MMY的博客
04-18 2403
网页中的表格，现在我们来做一个四行四列的表格，代码如下： <body> <table width="500" cellspacing="0" border="1"> <tr> <td>1</td> <td>2</td> <td>3</td...
03 HTML_网页中的表格
遇见你 的博客
02-24 6877
<table> 定义表格区域 border 表格边框 tr 定义表格的行 td 行中的单元格 th 表格表头 caption 表格标题 colspan 水平合并 rowspan 垂直合并
前端初学者----网页中的表格
liyong201314的博客
10-16 2384
在为大家讲解新的知识之前内，先为大家补充一下上一篇文章中标签内容的视频讲解，由于小丸子的失误导致视频优酷没有上传成功只能为大家提供网盘地址，为初学小白们提供下载地址，讲解的不好还请您见谅担待；链接永久有效哦???? 这是网盘地址：提取码是：tq94 ❀❀❀不要走开，接下来是正文内容：❀❀❀ 今天主要为大家带来的是网页中的表格内容，表格顾名思义，就类似于我们电脑中常见的excel表格；他的主要作用是：在网页中用来展示数据；将对应的数据展示在我们的页面中；对于网页有些了解的同学就说了：“小丸子，我们现在都不怎么
第三章：网页中的表格
m0_65212624的博客
12-15 252
第三章：网页中的表格 表格标签——table> 表格的行——tr> 表格的单元格（列）——td> 表格边框——border> ① table border=”属性值”><table ②默认值为空,一般等于1 表格表头——th> 表格标题——caption> ①caption>标题</caption 单元格横向列合并——colspantable colspan=”要合并的单元格数”></td 单元格纵向行合并——r
网页的表格和列表
前端人的博客
06-28 447
网页中表格和列表随处可见，所以我们需要掌握各个标签的用法以及区别。 表格 简单的HTML表格由table元素以及多个tr th或td元素组成。这几个都是双标签。 tr定义行 th定义表头 td定义表格单元 两行两列的表格，常见代码：（运行结果自己查看） <table> <tr> <th>序号</th> <th>姓名</th> </tr> <tr> <td>1</td>
如何将网页表格内容导入excel
12-03
总的来说，将网页表格内容导入Excel涉及到HTML、JavaScript以及浏览器特定API的交互。这个过程需要考虑浏览器兼容性、用户安全设置以及表格结构的正确性。在实际应用中，可能还需要处理更复杂的情况，如处理样式、...
用java实现爬虫抓取网页中的表格数据功能源码
12-20
使用java代码基于MyEclipse开发环境实现爬虫抓取网页中的表格数据，将抓取到的数据在控制台打印出来，需要后续处理的话可以在打印的地方对数据进行操作。包解压后导入MyEclipse就可以使用，在TestCrawTable中右键...
C#爬虫获取网页中表格数据
06-20
//mat.Value 是表格中每一行的 HTML 字符串 bool abc = false; foreach (Match m in reg1.Matches(mat.Value))//类似循环一行的每个 td { string val = m.Groups["value"].Value; if (val.IndexOf("本期") != ...
Madesheng.rar_网页表格
09-20
在“Madesheng.rar_网页表格”这个压缩包中，我们可以推测其内容可能涉及如何将数据库与网页表格相结合，实现数据的动态绑定和读取，这对于创建动态、交互式的Web应用至关重要。 首先，我们要理解网页表格的基础...
网页中表格的用法和属性设置
lionwerson的博客
04-07 1783
网页中的表格有四种标签：<table>,<tbody>,<tr>,<th>,<td> <table>:表格的主体标签,有这个标签才可以，让标签中的文本以标签的形式显示 <tbody>：表格的标签的中的表格内容，如果网页中只有一个表格，也可以省略 <th>:<thead>标签的简写，代表...
第九讲 网页中的表格操作
叫你不要乱扔东西
03-05 7402
在网页中插入表格可以使网页上的内容排列整齐，让浏览者对表格中表达的数据及其含义一目了然，更容易找到感兴趣的材料。不仅如此，表格还是设计网页的重要工具，熟练地、合理地使用表格对于制作网页非常重要。　　在网页中，表格的作用主要有两种：一是存放数据和显示信息，这是常见最基本的应用，也是Word中一直用到的；二是组织网页的内容，使网页更整洁美观。对于图文混排的网页，利用表格可以大大提高网页制作的效率。在隐
web前端开发基础——在网页中使用表格
热门推荐
陈沫尘的博客
10-19 1万+
系列文章目录 提示：这里可以添加系列文章的所有文章的目录，目录需要自己手动添加 例如：第一章 Python 机器学习入门之pandas的使用 提示：写完文章后，目录可以自动生成，如何生成可参考右边的帮助文档 文章目录系列文章目录前言一、如何插入表格1.关于表格1.二、使用步骤1.引入库2.读入数据总结 前言 本篇主要解释了如何在web中建立表格设置表格的大小，单元格宽高、背景色以及表格内字体的大小 提示：以下是本篇文章正文内容，下面案例可供参考 一、如何插入表格 由于关于web网页制作的软件多种多样
HTML表格与表单
Gao_xu_sheng的博客
12-31 1127
网页常见表格w3school 在线教程存在即是合理的,表格在现在还是较为常用的一种标签，可以用来布局，但常见显示、展示表格式数据。因为它可以让数据显示的非常的规整，可读性非常好。特别是后台展示数据的时候表格运用是否熟练就显得很重要，一个清爽简约的表格能够把繁杂的数据表现得很有条理，虽然 div 布局也可以做到，但是总没有表格来得方便。标签名定义说明表格标签就是一个四方的盒子<tr></tr>表格行标签行标签要再table标签内部才有意义<td></td>单元格标签。
一文搞懂HTML中的表格、表单、列表，我们用最详细的方式解析前端消息机制的源码
最新发布
2401_83621095的博客
03-20 550
表格是一个表，用于展示数据给人看,表单是一个可以填写的表,填完之后提交数据,列表是一个目录下有一系列数据，将数据一条一条展示给别人看一、概述表格1.创建表单使用的标签及其作用。
HTML静态网页中的表格table
xiahang1121的博客
05-04 5990
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>表格</title> <table border="10px" width="800px" cellpadding="2px" cellspacing="2" >cellpaddi...
第七章:HTML网页中的表格与表单
小宫主的博客
10-26 2702
目录   1.HTML表格标签: 表格标签 表格语法: 表格样式 2.HTML表单基础 表单标签 表单组成 HTML表单元素 文本域及其标记 密码域 单选按钮： 复选框： 下拉列表： 多行文本域： 分组框： 3.HTML5表单新属性 自动完成属性：autocomplete 自动焦点属性：autofocus 4.HTML5表单输入类型 email类型： ...
网页中表格还可以这样处理~一个强力的火狐表格插件TableTools2介绍
数据小刀->弱水三千只取一瓢
06-16 1万+
数据就在网页上，复制黏贴实在烦，即使辛苦搞下来，还得费力来清理，导到excel搞图表，还得word做表报。呵呵，自己写了一首打油诗。其实这也是曾经从网页上获取过数据的兄弟姐妹的普遍苦恼。 最近发现一款火狐表格插件TableTools2，尝试使用了一下，发现其实在太方便了，对于网页表格的处理尤其给力，其真正实现了发现网页表格，就可以直接处理分析。 首先你得安装火狐浏览器，百度搜索安装即可；安装后
知识图谱-实体识别
qq_40671063的博客
03-19 5576
知识图谱中实体识别相关内容
Python 把表格内容放到网页上
07-15
要将表格内容放到网页上，你可以使用Python的Web框架（如Django或Flask）和HTML来实现。以下是一个简单的示例： 1. 在你的Web框架项目中创建一个HTML模板文件，命名为`table.html`。 2. 在`table.html`中编写HTML...

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值