Loading [MathJax]/jax/output/CommonHTML/config.js
文档建议反馈控制台
首页
学习
活动
专区
圈层
工具
文章/答案/技术大牛
发布
首页
学习
活动
专区
圈层
工具
返回腾讯云官网
社区首页 >问答首页 >从htm页面获取一些数据并保存在mysql中

问从htm页面获取一些数据并保存在mysql中
EN

Stack Overflow用户
提问于 2022-02-13 08:18:31
回答 1查看 57关注 0票数 1

我不是程序员

我想要一个页面，在其中插入另一个x.htm页面的地址，然后单击"get“

然后，我想将数据保存在mysql数据库中，以便为每个驱动程序获取数据。

​

代码语言：javascript
代码运行次数：0
运行
AI代码解释
复制
<table align="center">
  <tbody>
    <center><b><p>Statistik: 07-02-2022 21:55:35 -  </p></b></center><br />
    <tr bgColor="#999999">
      <td bgcolor="#999999" width="30">
        <div align="center">
          <font face="Verdana">Pos </font>
        </div>
      </td>
      <td bgcolor="#999999" width="158">
        <div align="center">
          <font face="Verdana">driver </font>
        </div>
      </td>
      <td bgcolor="#999999" width="100">
        <div align="center">
          <font face="Verdana">Car </font>
        </div>
      </td>
      <td bgcolor="#e5665e" width="70">
        <div align="center">
          <font face="Verdana"> 1-Red</font>
        </div>
      </td>
      <td bgcolor="#ffffff" width="70">
        <div align="center">
          <font face="Verdana"> 2-White</font>
        </div>
      </td>
      <td bgcolor="#78ccea" width="70">
        <div align="center">
          <font face="Verdana"> 3-Blue</font>
        </div>
      </td>
      <td bgcolor="#ffff28" width="70">
        <div align="center">
          <font face="Verdana"> 4-Yellow</font>
        </div>
      </td>
      <td bgcolor="#999999" width="70">
        <div align="center">
          <font face="Verdana"><b>Best time</b></font>
        </div>
      </td>
      <td bgcolor="#999999" width="80">
        <div align="center">
          <font face="Verdana">Total laps</font>
        </div>
      </td>
    </tr>
    <tr bgColor="#999999">
      <td bgcolor="#ffffff" width="30">
        <div align="center">
          <font face="Verdana">1</font>
        </div>
      </td>
      <td bgcolor="#ffffff" width="158">
        <div align="center">
          <font face="Verdana">James Hunt</font>
        </div>
      </td>
      <td bgcolor="#ffffff" width="100">
        <div align="center">
          <font face="Verdana">Alfa Romeo GTA</font>
        </div>
      </td>
      <td bgcolor="#87fe58" width="70">
        <div align="center">
          <font face="Verdana"><b>7.952</b></font>
        </div>
      </td>
      <td bgcolor="#87fe58" width="70">
        <div align="center">
          <font face="Verdana"><b>7.963</b></font>
        </div>
      </td>
      <td bgcolor="#87fe58" width="70">
        <div align="center">
          <font face="Verdana"><b>7.975</b></font>
        </div>
      </td>
      <td bgcolor="#87fe58" width="70">
        <div align="center">
          <font face="Verdana"><b>8.088</b></font>
        </div>
      </td>
      <td bgcolor="#ffffff" width="70">
        <div align="center">
          <font face="Verdana"><b>7.952</b></font>
        </div>
      </td>
      <td bgcolor="#ffffff" width="80">
        <div align="center">
          <font face="Verdana"><b>88.25</b></font>
        </div>
      </td>
    </tr>
    <tr bgColor="#999999">
      <td bgcolor="#ffffff" width="30">
        <div align="center">
          <font face="Verdana">2</font>
        </div>
      </td>
      <td bgcolor="#ffffff" width="158">
        <div align="center">
          <font face="Verdana">Jackie Stewart</font>
        </div>
      </td>
      <td bgcolor="#ffffff" width="100">
        <div align="center">
          <font face="Verdana">Mini Cooper</font>
        </div>
      </td>
      <td bgcolor="#b6fea6" width="70">
        <div align="center">
          <font face="Verdana">8.176</font>
        </div>
      </td>
      <td bgcolor="#b6fea6" width="70">
        <div align="center">
          <font face="Verdana">8.194</font>
        </div>
      </td>
      <td bgcolor="#b6fea6" width="70">
        <div align="center">
          <font face="Verdana">7.989</font>
        </div>
      </td>
      <td bgcolor="#b6fea6" width="70">
        <div align="center">
          <font face="Verdana">8.197</font>
        </div>
      </td>
      <td bgcolor="#ffffff" width="70">
        <div align="center">
          <font face="Verdana">7.989</font>
        </div>
      </td>
      <td bgcolor="#ffffff" width="80">
        <div align="center">
          <font face="Verdana">86.68</font>
        </div>
      </td>
    </tr>

​

html-table
javascript
html
mysql
广告

企业复产复工专享

为企业提供海量产品优惠，助力中小企业数字化转型升级
EN

回答 1

Stack Overflow用户

发布于 2022-02-13 08:29:44

嗯，伙计，这太简单了:你可以使用QuerySelectorAll。

请参阅基于您的代码的示例：

​

代码语言：javascript
代码运行次数：0
运行
AI代码解释
复制
const rows = [];
document.querySelectorAll('table tbody tr').forEach((tr, rowIndex) => {
    const row = []; 
    tr.querySelectorAll('td').forEach((item, cellIndex) => {
      console.log(`row ${rowIndex}, cell ${cellIndex}:`, item.textContent.trim());
      row.push(item.textContent.trim());
    });
    rows.push(row);
});
console.log("rows", rows); // you can use this data to save on you database
代码语言：javascript
代码运行次数：0
运行
AI代码解释
复制
<table>
   <tbody>
      <center>
         <b>
            <p>Statistik: 07-02-2022 21:55:35 -  </p>
         </b>
      </center>
      <br />
      <tr bgColor="#999999">
         <td bgcolor="#999999" width="30">
            <div align="center"> <font face="Verdana">Pos </font></div>
         </td>
         <td bgcolor="#999999" width="158">
            <div align="center"> <font face="Verdana">driver </font></div>
         </td>
         <td bgcolor="#999999" width="100">
            <div align="center"> <font face="Verdana">Car </font></div>
         </td>
         <td bgcolor="#e5665e" width="70">
            <div align="center"> <font face="Verdana"> 1-Red</font></div>
         </td>
         <td bgcolor="#ffffff" width="70">
            <div align="center"> <font face="Verdana"> 2-White</font></div>
         </td>
         <td bgcolor="#78ccea" width="70">
            <div align="center"> <font face="Verdana"> 3-Blue</font></div>
         </td>
         <td bgcolor="#ffff28" width="70">
            <div align="center"> <font face="Verdana"> 4-Yellow</font></div>
         </td>
         <td bgcolor="#999999" width="70">
            <div align="center"> <font face="Verdana"><b>Best time</b></font></div>
         </td>
         <td bgcolor="#999999" width="80">
            <div align="center"> <font face="Verdana">Total laps</font></div>
         </td>
      </tr>
      <tr bgColor="#999999">
         <td bgcolor="#ffffff" width="30">
            <div align="center"> <font face="Verdana">1</font></div>
         </td>
         <td bgcolor="#ffffff" width="158">
            <div align="center"> <font face="Verdana">James Hunt</font></div>
         </td>
         <td bgcolor="#ffffff" width="100">
            <div align="center"> <font face="Verdana">Alfa Romeo GTA</font></div>
         </td>
         <td bgcolor="#87fe58" width="70">
            <div align="center"> <font face="Verdana"><b>7.952</b></font></div>
         </td>
         <td bgcolor="#87fe58" width="70">
            <div align="center"> <font face="Verdana"><b>7.963</b></font></div>
         </td>
         <td bgcolor="#87fe58" width="70">
            <div align="center"> <font face="Verdana"><b>7.975</b></font></div>
         </td>
         <td bgcolor="#87fe58" width="70">
            <div align="center"> <font face="Verdana"><b>8.088</b></font></div>
         </td>
         <td bgcolor="#ffffff" width="70">
            <div align="center"> <font face="Verdana"><b>7.952</b></font></div>
         </td>
         <td bgcolor="#ffffff" width="80">
            <div align="center"> <font face="Verdana"><b>88.25</b></font></div>
         </td>
      </tr>
      <tr bgColor="#999999">
         <td bgcolor="#ffffff" width="30">
            <div align="center"> <font face="Verdana">2</font></div>
         </td>
         <td bgcolor="#ffffff" width="158">
            <div align="center"> <font face="Verdana">Jackie Stewart</font></div>
         </td>
         <td bgcolor="#ffffff" width="100">
            <div align="center"> <font face="Verdana">Mini Cooper</font></div>
         </td>
         <td bgcolor="#b6fea6" width="70">
            <div align="center"> <font face="Verdana">8.176</font></div>
         </td>
         <td bgcolor="#b6fea6" width="70">
            <div align="center"> <font face="Verdana">8.194</font></div>
         </td>
         <td bgcolor="#b6fea6" width="70">
            <div align="center"> <font face="Verdana">7.989</font></div>
         </td>
         <td bgcolor="#b6fea6" width="70">
            <div align="center"> <font face="Verdana">8.197</font></div>
         </td>
         <td bgcolor="#ffffff" width="70">
            <div align="center"> <font face="Verdana">7.989</font></div>
         </td>
         <td bgcolor="#ffffff" width="80">
            <div align="center"> <font face="Verdana">86.68</font></div>
         </td>
      </tr>
   </tbody>
</table>

​

PS: --如果您使用NodeJS(服务器端)，也许可以先获得NodeJS代码，然后使用jsdom这样的dom读取器来解析NodeJS并使用类似的前面的解决方案。PS 2:您可以使用axios处理http/s请求

代码语言：javascript
代码运行次数：0
运行
AI代码解释
复制
const html = (await axios.get("https://example.com/page.html")).data;
const dom = new JSDOM(html);
const trs = dom.querySelectorAll('table tbody tr');
票数 0
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：

https://stackoverflow.com/questions/71102584

复制
相关文章
【R语言】数据框按两列排序
编程算法
我相信大家经常会使用Excel对数据进行排序。有时候我们会按照两个条件来对数据排序。假设我们手上有下面这套数据，9个人，第二列（score）为他们的考试成绩，第三列（code）为对应的评级。80分以上为优秀，60-80为良，60以下为差。
生信交流平台
2022/09/21
2.3K0
【R语言】数据框按两列排序
小程序-两列瀑布流布局
小程序数组
新的设计图是按两列瀑布流排版的，类似于花瓣网那种。看到设计图后就在网上找，如何在小程序简单的实现，后来找到了一个特别简单的方法，就是利用wx:if和数组的下标对2取余来判断是排在左列还是排在右列， 话不多说看图上代码：
九旬
2020/10/23
2K0
小程序-两列瀑布流布局
两列布局——但只用右浮动
csshtml
通过这个实验我明白了一个知识点，做左右结构的时候，不用把左边的写上左浮动，只需要把有浮动的块放到最前边，并设置有浮动，左边的放在有浮动的下边而且不用管，这样，父元素也不用清楚浮动，左边的元素也不用左浮动，一切就依旧会和自己做左右布局的老方法一样的效果。切记，结构上，把有浮动的元素放到前边，并设置右浮动。 为了试验不用清楚浮动，我把clearfix的相关代码注销了。 上代码： 1 <!DOCTYPE html> 2 <html> 3 <head> 4 <meta charset
xing.org1^
2018/05/17
8810
2.布局解决方案 两列、三列、多列、不定宽+一列自适应<6>
其他
和上面的解决方案是一样的，自己动脑筋哦 下面的overflow的方式 display:table和flex大家自己练习。
河湾欢儿
2018/09/06
1.7K0
Excel按列排序和按行排序
http
文章背景：Excel二维表中记录着多行多列的数据，有时需要按行或按列排序，使数据更加清晰、易读。下面分别对按列排序和按行排序进行介绍。
Exploring
2022/08/10
3.1K0
Excel按列排序和按行排序
响应式布局rem布局
其他
第一步：从UI设计师拿到设计稿（psd） 640*1136 第二部：在样式中给HTML一个fontSize值，我们一般都给一个比较好算的值，比如：10px 100px... 在这里我们之所有用100px,主要是浏览器最小的字体大小都是12px,用10px比例会存在偏差
河湾欢儿
2018/09/06
1.9K0
shell按列合并文件
catpaste
cat命令可以按行依次合并两个文件。但有时候我们需要按列合并多个文件，也就是将每一个文件的内容作为单独的的几列，这个时候可以用paste来按列合并多个文件。 用法： paste file1 file2 ...
生信编程日常
2020/06/28
2.9K0
响应式布局流式布局
其他
响应式布局：根据不同的尺寸适配 viewport width=device-width 设置视口的宽度等于设备的宽度，如果不设置的话，默认视口的宽度是980px 通俗理解：我们这个操作其实展示当前这个页面一共有多宽（浏览器的宽度）
河湾欢儿
2018/09/06
9670
响应式布局
容器bootstrap
原理：在不同屏幕下，通过媒体查询来改变布局容器的大小，再改变里面子元素的排列方式和大小，从而实现在不同大小的屏幕下，看到不同的页面布局和样式。
赤蓝紫
2023/01/01
2.9K0
响应式布局
流体布局、响应式布局
appremwidth布局响应式
设备屏幕有多种不同的分辨率，页面适配方案有如下几种： 1、全适配：响应式布局+流体布局 2、移动端适配：
Devops海洋的渔夫
2019/05/31
2K0
junit方法按顺序执行
junit
选定版本，直接加注解
IT云清
2021/12/06
1.3K0
junit方法按顺序执行
sql按顺序去重
博客
参考博客： https://blog.csdn.net/qtvb1987/article/details/42081585
周杰伦本人
2022/10/25
8450
sql按顺序去重
数组按指定顺序排序
编程算法
数组排序可以直接使用 sort() 方法，可以对数组按规律排序。 但如果指定一个没有规律的顺序进行排序呢？ 同样可以使用  sort() 方法： const data = [   { name: '张三', code: 'zs' },   { name: '王五', code: 'ww' },   { name: '赵七', code: 'zq' }, ]; data.sort((star, next) => {   const sortList = ['zq', 'zs', 'ww']   return 
德顺
2022/06/12
2.7K0
c语言运算符优先级顺序表_运算符优先级顺序
httpsjavahtml网络安全
上表中，优先级同为1 的几种运算符如果同时出现，那怎么确定表达式的优先级呢？这是很多初学者迷糊的地方。下表就整理了这些容易出错的情况：
全栈程序员站长
2022/09/20
3.8K0
c语言运算符优先级顺序表_运算符优先级顺序
BI技巧丨按列排序
daxpowerbi排序
PowerBI本身内置的排序方式，是遵循ASCII国际标准的方式，这就导致了中文的默认排序对于很多小伙伴来说并不友好。
PowerBI丨白茶
2022/11/12
3.5K0
BI技巧丨按列排序
pandas按行按列遍历Dataframe的几种方式
编程算法python
iterrows(): 按行遍历，将DataFrame的每一行迭代为(index, Series)对，可以通过row[name]对元素进行访问。 itertuples(): 按行遍历，将DataFrame的每一行迭代为元祖，可以通过row[name]对元素进行访问，比iterrows()效率高。 iteritems():按列遍历，将DataFrame的每一列迭代为(列名, Series)对，可以通过row[index]对元素进行访问。 示例数据
kirin
2021/04/30
7.1K0
实现线程按顺序输出ABC
线程
线程按顺序输出ABC 实现描述：建立三个线程A、B、C,分别按照顺序输出十次ABC 首先建立一个方法，按照条件进行输出 class PrintABC{ private int index=0; public synchronized void print(int n) { // TODO Auto-generated method stub try { while(index!=n) { wait(); } if(index==0) { System.out.
呆呆
2021/10/06
7800
响应式布局入门
css
本文主要介绍了响应式设计的入门知识，包括媒体查询、弹性图片和弹性字体、媒体类型、断点、响应式图片、响应式布局、设备像素比、浏览器兼容、媒体查询的兼容性等。
练小习
2017/12/29
1.7K0
响应式布局入门
Spring Boot properties 优先级顺序
jarspringjsonservlet编程算法
Properties are considered in the following order:
前Thoughtworks-杨焱
2021/12/07
2620
点击加载更多

相似问题

响应两列布局(列表和详细信息面板)

26

响应式两列布局

13

按优先级顺序折叠窗口上的WPF面板

11

两列响应式css布局

11

PySpark按顺序连接两列

15
添加站长 进交流群

领取专属 10元无门槛券

AI混元助手 在线答疑

扫码加入开发者社群
关注 腾讯云开发者公众号

洞察 腾讯核心技术

剖析业界实践案例

扫码关注腾讯云开发者公众号
领券

腾讯云开发者

扫码关注腾讯云开发者

扫码关注腾讯云开发者

领取腾讯云代金券

热门产品

热门推荐

更多推荐

Copyright © 2013 - 2025 Tencent Cloud. All Rights Reserved. 腾讯云 版权所有 

深圳市腾讯计算机系统有限公司 ICP备案/许可证号：粤B2-20090059 深公网安备号 44030502008569

腾讯云计算（北京）有限责任公司 京ICP证150476号 |  京ICP备11018762号 | 京公网安备号11010802020287

问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档
查看详情【社区公告】 技术创作特训营有奖征文