使用PHP从HTML无序列表中提取链接元素并存入数组

本教程详细介绍了如何使用php的domdocument和domxpath类，从html无序列表中高效、准确地提取所有链接（``标签）并将其存储到一个数组中。文章将通过具体的代码示例，展示如何解析html字符串，利用xpath查询定位目标元素，并最终将每个链接的完整html字符串作为独立项收集到php数组中，避免了正则表达式处理html的潜在复杂性和不稳定性。

引言：HTML解析的挑战与解决方案

在Web开发中，我们经常需要从HTML内容中提取特定信息。当目标是提取结构化数据，例如特定HTML标签及其内容时，简单的字符串匹配（如正则表达式）可能会变得复杂且容易出错，尤其是在HTML结构不规则或嵌套复杂的情况下。对于从无序列表（

）中提取所有链接（标签）并将其作为完整的HTML字符串存储到数组中的需求，PHP提供了更强大、更健壮的解决方案：DOMDocument和DOMXPath。

为什么选择DOMDocument和DOMXPath？

DOMDocument类提供了加载和操作HTML或XML文档的能力，它将文档解析成一个树形结构，使得我们可以像操作树一样遍历和修改文档的各个节点。DOMXPath则是一个强大的查询语言，允许我们通过路径表达式在DOM树中查找特定的节点。相比于正则表达式，使用DOM解析器具有以下显著优势：

• 鲁棒性： 能够更好地处理不规范或格式错误的HTML。
• 语义化： 基于HTML的结构和语义进行操作，而不是简单的字符匹配。
• 准确性： 精确地定位到所需的元素，避免误匹配。
• 可维护性： 代码更易读、易懂，便于后期维护。

核心实现：使用DOMDocument和DOMXPath提取链接

以下是如何利用DOMDocument和DOMXPath从给定的HTML无序列表中提取所有链接并存储到数组中的具体步骤和代码示例。

假设我们有以下HTML片段：

立即学习“PHP免费学习笔记（深入）”；

<ul>
    <li><a href="https://www.php.cn/link/93ac0c50dd620dc7b88e5fe05c70e15b">Benefits</a></li>
    <li><a href="https://www.php.cn/link/93ac0c50dd620dc7b88e5fe05c70e15b">Cost Savings</a></li>
    <li><a href="https://www.php.cn/link/93ac0c50dd620dc7b88e5fe05c70e15b">Member listing</a></li>
</ul>

登录后复制

我们的目标是得到一个包含 Benefits、Cost Savings 等完整链接字符串的数组。


文心大模型
百度飞桨-文心大模型 ERNIE 3.0 文本理解与创作
168
查看详情

步骤一：加载HTML内容

首先，我们需要创建一个DOMDocument实例，并将HTML内容加载进去。为了确保HTML被正确解析，通常会将其包裹在完整的HTML结构（如

...）中。

<ul>
    <li><a href="https://www.php.cn/link/93ac0c50dd620dc7b88e5fe05c70e15b">Benefits</a></li>
    <li><a href="https://www.php.cn/link/93ac0c50dd620dc7b88e5fe05c70e15b">Cost Savings</a></li>
    <li><a href="https://www.php.cn/link/93ac0c50dd620dc7b88e5fe05c70e15b">Member listing</a></li>
</ul>';

// 创建DOMDocument实例
$dom = new DOMDocument();

// 抑制HTML加载时的警告，因为HTML可能不完全符合XML规范
libxml_use_internal_errors(true); 
$dom->loadHTML($htmlContent);
libxml_clear_errors(); // 清除错误，避免影响后续操作
?>

登录后复制

步骤二：创建DOMXPath对象并构建查询

接下来，我们创建一个DOMXPath实例，它将与我们的DOMDocument关联。然后，我们需要编写一个XPath表达式来定位目标元素。对于从无序列表中的列表项里提取链接，一个合适的XPath表达式是 //ul/li/a 或 */ul/li/a。

• //ul/li/a：表示在文档的任何位置查找
  元素，然后在其子元素中查找
  • ，再在其子元素中查找 。
  • */ul/li/a：表示在根元素的子元素中查找
    ，然后...（在给定的简单HTML结构中，两者效果类似，但//更具普适性）。

  <?php
  // ... (接上一步代码)
  
  // 创建DOMXPath实例
  $xpath = new DOMXPath($dom);
  
  // 使用XPath查询所有匹配的<a>标签
  // 这里使用 //ul/li/a 表示查找文档中所有ul下的li下的a标签
  $items = $xpath->query('//ul/li/a'); 
  
  $linksArray = [];
  ?>

  登录后复制

  步骤三：遍历结果并提取完整HTML字符串

  $xpath->query()方法会返回一个DOMNodeList对象，其中包含了所有匹配的DOMElement节点。我们可以遍历这个列表，对于每一个元素，使用$dom->saveHTML($item)方法来获取其完整的HTML字符串。

  <?php
  // ... (接上一步代码)
  
  // 遍历查询结果
  foreach ($items as $item) {
      // 使用DOMDocument的saveHTML方法获取当前DOMElement的完整HTML字符串
      $linksArray[] = $dom->saveHTML($item); 
  }
  
  // 打印结果
  print_r($linksArray);
  ?>

  登录后复制

  完整代码示例

  将上述步骤整合，得到完整的PHP脚本：

  ...

结构中的标签， * 并将其完整的HTML字符串存入一个PHP数组。 */ // 待解析的HTML内容 $htmlContent = '<ul> <li><a href="https://www.php.cn/link/93ac0c50dd620dc7b88e5fe05c70e15b">Benefits</a></li> <li><a href="https://www.php.cn/link/93ac0c50dd620dc7b88e5fe05c70e15b">Cost Savings</a></li> <li><a href="https://www.php.cn/link/93ac0c50dd620dc7b88e5fe05c70e15b">Member listing</a></li> </ul>'; // 1. 创建DOMDocument实例 $dom = new DOMDocument(); // 2. 抑制HTML加载时的警告，并加载HTML字符串 // libxml_use_internal_errors(true) 允许PHP在遇到非严格HTML时继续解析， // 而不会中断脚本执行并抛出警告。这对于处理真实世界的、可能不规范的HTML非常有用。 libxml_use_internal_errors(true); $dom->loadHTML($htmlContent); libxml_clear_errors(); // 清除之前可能产生的错误信息，避免干扰后续操作 // 3. 创建DOMXPath实例，用于在DOM文档中执行XPath查询 $xpath = new DOMXPath($dom); // 4. 使用XPath查询所有匹配的标签 // XPath表达式 '//ul/li/a' 的含义是： // // - 从文档的任何位置开始 // ul - 查找一个
元素 // /li - 在该
元素的直接子元素中查找
• 元素 // /a - 在该
• 元素的直接子元素中查找 元素 $items = $xpath->query('//ul/li/a'); // 5. 初始化一个空数组，用于存储提取到的链接HTML字符串 $linksArray = []; // 6. 遍历查询结果（DOMNodeList） foreach ($items as $item) { // 对于每个匹配到的元素（$item 是一个 DOMElement 对象）， // 使用 $dom->saveHTML($item) 方法获取该元素的完整HTML字符串， // 并将其添加到 $linksArray 数组中。 $linksArray[] = $dom->saveHTML($item); } // 7. 打印最终结果数组 echo "

  ";
  print_r($linksArray);
  echo "

  登录后复制