You need to enable JavaScript to run this app.
优惠活动
大模型
产品
解决方案
定价
更多

如何使用Simple HTML DOM读取td内容并按指定格式拼接输出

提取HTML表格行TD内容并格式化输出

嘿,这里有几种实用的实现方式,根据你的使用场景和编程语言来选就行:

Python 方案(适合脚本/后端场景)

首先得安装BeautifulSoup这个HTML解析库,执行命令:

pip install beautifulsoup4

然后用下面的代码解析并格式化内容:

from bs4 import BeautifulSoup

# 你的目标HTML代码块
html = '''<tr> <td class="text"> <div><a href="somethinghref">Something</a></div> </td> <td>Something2</td> <td>Something3</td> </tr>'''

# 初始化解析器
soup = BeautifulSoup(html, 'html.parser')
# 找到目标<tr>元素
target_tr = soup.find('tr')
# 获取该行下所有<td>标签
td_elements = target_tr.find_all('td')

# 提取需要的内容:第一个<td>里的<a>文本,第二个<td>的文本
first_text = td_elements[0].find('a').get_text(strip=True)
second_text = td_elements[1].get_text(strip=True)

# 按要求格式拼接
output = f"{first_text} - {second_text}"
print(output)  # 输出结果:Something - Something2

JavaScript 方案

浏览器端直接处理

如果是在网页前端环境中,可以直接用DOM API操作:

// 找到页面中的目标<tr>元素
const targetTr = document.querySelector('tr');
// 获取该行下的所有<td>元素
const tdElements = targetTr.querySelectorAll('td');

// 提取文本内容,trim()用来去除多余空格
const firstText = tdElements[0].querySelector('a').textContent.trim();
const secondText = tdElements[1].textContent.trim();

// 格式化输出
const output = `${firstText} - ${secondText}`;
console.log(output); // 输出:Something - Something2

Node.js 环境(后端/脚本)

如果是在Node.js里处理,推荐用cheerio库(类似jQuery的语法),先安装:

npm install cheerio

然后编写代码:

const cheerio = require('cheerio');

// 目标HTML代码
const html = '<tr> <td class="text"> <div><a href="somethinghref">Something</a></div> </td> <td>Something2</td> <td>Something3</td> </tr>';

// 加载HTML并初始化选择器
const $ = cheerio.load(html);
// 获取<tr>下的所有<td>
const tdElements = $('tr td');

// 提取所需文本
const firstText = $(tdElements[0]).find('a').text().trim();
const secondText = $(tdElements[1]).text().trim();

// 拼接成要求的格式
const output = `${firstText} - ${secondText}`;
console.log(output); // 输出:Something - Something2

关键说明

不管用哪种语言,核心步骤都是:

  • 定位到目标<tr>元素
  • 提取该行下的所有<td>标签
  • 从对应位置的<td>里取出文本(注意第一个<td>里的内容在<a>标签里,需要额外提取)
  • 按「内容1 - 内容2」的格式拼接输出

内容的提问来源于stack exchange,提问作者radu

相关产品推荐
方舟 Agent Plan

超全模态模型 × Harness 升级,最新支持 Deepseek-V4.1-Flash、GLM-5.3 系列、Doubao-Seedream-5.0-pro、Kimi-K3 (部分), 限时 9.9 元起

最近更新时间:2026.05.22 08:19:42