如何使用DOM html javascript或PHP函数从html页面恢复数据？

我正在为赛车运动爱好者创建一个简单的网站，上面有每种比赛类型的结果，例如，每项锦标赛都分为类别和单项比赛

<div class="box">
  <div class="header"><p>New Zealand National racing Championship</p></div>
    <div class="races">
      <p><em>January 1</em> ???</p>
      <div class="race">
         <p><strong>Marlborough Circuit</strong></p>
         <p>&nbsp;</p>
         <p>1th - James Palmer (Brabham BT7A Coventry-Climax FPF s4 2750cc)               </p>
         <p>2th - XXXXXXXXXXXX (XXXXXX)</p>
         <p>3th - YYYYYYYYYYYY (YYYYYY)</p>
      </div>
    </div>
 </div>

新西兰国家赛车锦标赛

一月一日

马尔堡赛道


第1名-詹姆斯·帕尔默（布拉姆BT7A考文垂高潮FPF s4 2750cc）

2T-XXXXXXXXXX（XXXXXX）

第3-YYYYYYYY（YYYYYY）

现在我想用一个脚本在搜索框中搜索一些结果，该脚本检查目录中的所有页面和结果，提取所有需要的数据并在另一个页面中格式化它们，例如使用给定的示例

新西兰全国赛车锦标赛

（1965年1月1日）？？？马尔堡巡回赛 第1届-詹姆斯·帕尔默（布拉姆BT7A考文垂高潮FPF s4 2750cc）
2th-xxxxxxxxxx（XXXXXX）
第3-YYYYYYYY（YYYYYY）

---

我怎么能做到？我可以创建一个使用DOm函数提取这些数据的PHP页面，还是可以使用javascript或jquery？

您的意思是您的所有数据都在PHP文件中？你没有从数据库中获取它们吗？ 那么您就不能使用javascript或jquery，因为所有这些PHP文件都驻留在服务器上，javascript只能在客户端工作。 如果您想要创建搜索，并且您正在使用PHP文件，那么您必须解析所有PHP文件以查找结果。这至少可以说是非常笨拙的，而且非常容易出错。 如果您更改了数据的显示，该怎么办？你的搜索也将不再有效。因此，您必须调整您的搜索。这不是办法。 如果您不想使用数据库，那么您至少可以使用数据文件。您只需查看数据文件即可创建搜索，而不必每次更改网站布局时都重写搜索

如果你看一下JSON，那么你就有了一个好的数据文件格式。它很容易解析，并且独立于网站的布局

您也可以将每个json文件用作页面的数据

---

我已经阅读了评论。如果你真的使用了那么多的数据（所有赛车手在一场比赛中都骑着摩托车等等），那么使用数据库真的更好吗。您可以创建一个php页面，输入一场比赛和所有参赛者，提交表单并将其存储在数据库中。它也适用于JSON，但输入的数据越多，搜索速度就会越慢。您在站点中输入的数据越多，其效果就越差。很遗憾你的努力。

这些信息来自哪里？它是硬编码到网页中还是从JSON源中获取的？不，这是一个简单的HTML 5页面，包含从大量杂志复制的信息。我强烈建议您使用一个数据库，您的搜索栏将使用php连接到该数据库，例如，我考虑过数据库……但是插入一个简单种族的所有数据是一项非常困难的工作（很多比赛也有40-50个车手…！所以我更喜欢创建简单的HTML页面来快速插入它们。将数据保留为JSON，您可以根据不同的需要构建不同的页面。一个页面显示所有内容，另一个页面仅显示基于搜索条件的元素。但是，如果您想添加/编辑/删除信息，数据库更好愚蠢的。