如何从多个HTML标签中检索文本数据？

// 假设你有以下的HTML结构
/*
<div id="content">
  <p>第一段文本。</p>
  <span>第二段文本。</span>
</div>
*/

// 使用JavaScript获取文本内容
const contentDiv = document.getElementById('content');
const texts = Array.from(contentDiv.childNodes)
  .filter(node => node.nodeType === Node.TEXT_NODE || node.nodeType === Node.ELEMENT_NODE)
  .map(node => node.textContent.trim())
  .filter(text => text.length > 0);

console.log(texts); // 输出: ["第一段文本。", "第二段文本。"]

from bs4 import BeautifulSoup

# 假设html_doc是包含上述HTML结构的字符串
html_doc = """
<div id="content">
  <p>第一段文本。</p>
  <span>第二段文本。</span>
</div>
"""

# 使用BeautifulSoup解析HTML
soup = BeautifulSoup(html_doc, 'html.parser')

# 获取文本内容
texts = [element.get_text(strip=True) for element in soup.find_all(text=True) if element.strip()]

print(texts)  # 输出: ['第一段文本。', '第二段文本。']

# 只获取<p>标签的文本内容
paragraphs = soup.find_all('p')
texts = [p.get_text(strip=True) for p in paragraphs]

// 只获取<p>标签的文本内容
const paragraphs = document.querySelectorAll('p');
const texts = Array.from(paragraphs).map(p => p.textContent.trim());