Flutter中如何提取表格元素的title属性值？

假设你使用的是package:html（Flutter跨平台解析HTML的常用库），可以通过以下方式获取title属性：

步骤1：确保依赖正确 #

在pubspec.yaml中添加依赖：

dependencies:
  html: ^0.15.4 # 请使用最新版本

步骤2：解析HTML并获取title属性 #

先将目标HTML字符串解析为文档对象，再通过ID定位元素，最后调用getAttribute('title')方法提取属性值：

import 'package:html/parser.dart' show parse;
import 'package:html/dom.dart';

void main() {
  // 示例HTML内容
  String htmlContent = '<td id="delta" class="longprice flop" title="Close 2,635">-10,25%</td>';
  
  // 解析HTML为Document
  Document document = parse(htmlContent);
  
  // 获取目标元素
  Element? deltaElement = document.getElementById('delta');
  
  // 提取title属性值
  String? titleValue = deltaElement?.getAttribute('title');
  
  print(titleValue); // 输出: Close 2,635
}

如果是Flutter Web（使用dart:html） #

如果你的应用是Flutter Web，直接使用dart:html库的话，同样可以用getAttribute方法：

import 'dart:html';

void getTitle() {
  Element? deltaElement = document.getElementById('delta');
  String? titleValue = deltaElement?.getAttribute('title');
  print(titleValue);
}

为什么之前打印属性看不到title？ #

部分HTML属性不会直接暴露为元素对象的可枚举属性，需要通过getAttribute方法显式获取。直接打印元素的属性集合时，可能只会显示部分核心属性，而title这类附加属性需要主动调用方法提取。

内容的提问来源于stack exchange，提问作者CJBNBG