如何用C#将HTML中div的bgcolor属性迁移至style属性？

这里提供两种可行的实现方案，根据你的HTML复杂度选择合适的方式：

方法一：正则表达式（适合结构简单的固定HTML） #

如果你的HTML结构规整，没有复杂嵌套或特殊字符，可以用正则快速处理：

using System;
using System.Text.RegularExpressions;

class Program
{
    static void Main()
    {
        string html = @"<body>
    <div bgcolor=""#342516"" style=""color: red; font-size:10px;"">ABCD</div>
    <div bgcolor=""#342516"" style=""color: red; font-size:10px;"">EFGH</div>
    <div bgcolor=""#342516"" style=""color: red; font-size:10px;"">HIJK</div>
    <div bgcolor=""#342516"" style=""color: red; font-size:10px;"">LMNO</div>
</body>";

        // 匹配带bgcolor属性的div，捕获颜色值和已有style内容
        string pattern = @"<div\s+bgcolor=""([^""]+)""\s+(style=""([^""]*)"")?";
        string result = Regex.Replace(html, pattern, match => 
        {
            string color = match.Groups[1].Value;
            string existingStyle = match.Groups[3].Value;
            string newStyle = string.IsNullOrEmpty(existingStyle) 
                ? $"style=\"background-color:{color}\"" 
                : $"style=\"background-color:{color}; {existingStyle}\"";
            return $"<div {newStyle}";
        });

        Console.WriteLine(result);
    }
}

该正则会自动处理两种情况：div已有style属性时追加背景色，没有style属性时直接新增包含背景色的style，同时移除原bgcolor属性。

方法二：使用HtmlAgilityPack（推荐，适合复杂HTML） #

如果HTML结构复杂（比如嵌套div、属性顺序不固定、存在其他属性），正则容易匹配出错，用专业的HTML解析库更可靠。

首先通过NuGet安装库：Install-Package HtmlAgilityPack

实现代码：

using HtmlAgilityPack;
using System;

class Program
{
    static void Main()
    {
        string html = @"<body>
    <div bgcolor=""#342516"" style=""color: red; font-size:10px;"">ABCD</div>
    <div bgcolor=""#342516"" style=""color: red; font-size:10px;"">EFGH</div>
    <div bgcolor=""#342516"" style=""color: red; font-size:10px;"">HIJK</div>
    <div bgcolor=""#342516"" style=""color: red; font-size:10px;"">LMNO</div>
</body>";

        HtmlDocument doc = new HtmlDocument();
        doc.LoadHtml(html);

        // 获取所有div节点
        var divNodes = doc.DocumentNode.SelectNodes("//div");
        if (divNodes != null)
        {
            foreach (var div in divNodes)
            {
                var bgcolorAttr = div.Attributes["bgcolor"];
                if (bgcolorAttr != null && !string.IsNullOrEmpty(bgcolorAttr.Value))
                {
                    string color = bgcolorAttr.Value;
                    var styleAttr = div.Attributes["style"];
                    string newStyleContent;

                    // 处理style属性存在/不存在的情况
                    if (styleAttr == null || string.IsNullOrEmpty(styleAttr.Value))
                    {
                        newStyleContent = $"background-color:{color}";
                        div.SetAttributeValue("style", newStyleContent);
                    }
                    else
                    {
                        // 可选：避免重复添加background-color样式
                        if (!styleAttr.Value.Contains("background-color"))
                        {
                            newStyleContent = $"background-color:{color}; {styleAttr.Value}";
                            div.SetAttributeValue("style", newStyleContent);
                        }
                    }

                    // 移除原bgcolor属性
                    div.Attributes.Remove(bgcolorAttr);
                }
            }
        }

        // 输出处理后的HTML
        using (var writer = new System.IO.StringWriter())
        {
            doc.Save(writer);
            Console.WriteLine(writer.ToString());
        }
    }
}

这种方法会精准解析HTML结构，处理逻辑更严谨，能应对各种复杂场景，还可以扩展处理重复样式等细节问题。

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