如何用C#的WebBrowser控件提取HTML中的指定属性值

嘿，我来帮你搞定这个需求！要从WebBrowser加载的HTML里提取pre-dollari这类属性值，其实有几种简单可靠的方法，下面一步步给你说明：

方法一：遍历元素并检查属性 #

最直接的方式是获取页面里的所有span元素，然后逐个检查是否包含你要的属性，代码示例如下：

// 记得把代码放在WebBrowser的DocumentCompleted事件中，确保页面已加载完成
private void webBrowser1_DocumentCompleted(object sender, WebBrowserDocumentCompletedEventArgs e)
{
    // 获取页面中所有span标签
    HtmlElementCollection spanElements = webBrowser1.Document.GetElementsByTagName("span");
    
    foreach (HtmlElement span in spanElements)
    {
        // 先判断该span是否有pre-dollari属性
        string preDollariValue = span.GetAttribute("pre-dollari");
        if (!string.IsNullOrEmpty(preDollariValue))
        {
            // 这里就拿到了你需要的164.964899983000000
            Console.WriteLine($"提取到pre-dollari值：{preDollariValue}");
            
            // 如果还需要其他属性，比如data-dollari，用同样的方式获取
            string dataDollariValue = span.GetAttribute("data-dollari");
            Console.WriteLine($"提取到data-dollari值：{dataDollariValue}");
            
            // 如果你想更精准定位，可以加上class判断（注意原HTML里class是"pulser "带空格）
            if (span.GetAttribute("class") == "pulser ")
            {
                Console.WriteLine("这是目标span元素");
            }
        }
    }
}

方法二：用XPath精准定位 #

如果你熟悉XPath，也可以通过它直接定位到带有目标属性的元素，代码如下：

private void webBrowser1_DocumentCompleted(object sender, WebBrowserDocumentCompletedEventArgs e)
{
    // 获取DOM文档对象
    var domDoc = webBrowser1.Document.DomDocument as mshtml.IHTMLDocument2;
    if (domDoc == null) return;
    
    // 用XPath选择所有带有pre-dollari属性的span元素
    var targetNodes = domDoc.selectNodes("//span[@pre-dollari]");
    if (targetNodes != null)
    {
        foreach (mshtml.IHTMLElement node in targetNodes)
        {
            string value = node.getAttribute("pre-dollari");
            Console.WriteLine($"提取到pre-dollari值：{value}");
        }
    }
}

注意事项 #

• 一定要在DocumentCompleted事件中处理，因为只有页面完全加载后，才能正确访问DOM元素；
• 如果页面有动态加载的内容，可能需要等待元素加载完成后再执行提取逻辑；
• 检查属性值时要注意原HTML里的空格，比如class属性是pulser （末尾有空格），判断时要保持一致。

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