从HTML页面中提取数据的几种方法

方法一：使用JavaScript DOM方式提取HTML页面数据

JavaScript支持DOM (Document Object Model)技术，可以通过获取HTML标签元素的方式获取页面中的数据。

//获取页面元素
var title=document.getElementById("title").innerHTML;
var content=document.getElementById("content").innerHTML;

使用该方法，可以轻松提取HTML页面中的数据，但需要注意的是，该方法依赖于HTML页面的结构，如果页面结构发生变化，需要重新调整代码。

方法二：使用jQuery方式提取HTML页面数据

jQuery是一款非常流行的JavaScript库，其中包含了许多方便的API可以提取HTML页面数据。

//获取页面元素
var title=$("#title").html();
var content=$("#content").html();

使用该方法，仍然需要依赖于HTML页面的结构，但是通过jQuery的选择器可以精确定位到特定的标签元素，减少了代码的复杂度。

方法三：使用爬虫技术抓取HTML页面数据

爬虫技术可以模拟人类浏览器的行为，自动访问页面并提取需要的数据。

from bs4 import BeautifulSoup
import requests

# 获取页面内容
url = "https://www.example.com"
response = requests.get(url)
html = response.content

# 解析页面
soup = BeautifulSoup(html, "html.parser")
title = soup.find("title").string
content = soup.find("div", class_="content").get_text()

使用该方法，可以不受页面结构变化的影响，但需要注意反爬虫策略，避免被封禁IP。

方法四：使用浏览器插件提取HTML页面数据

浏览器插件可以注入到页面中，获取页面元素并提供导出数据功能。

//获取页面元素
var title=document.getElementById("title").innerHTML;
var content=document.getElementById("content").innerHTML;

//导出数据
chrome.runtime.sendMessage({title: title, content: content}, function(response) {
  console.log("Data has been exported.");
});

使用该方法，可以方便地将提取到的数据导出到本地文件中，方便离线查看。