使用HTMLAgilityPack移除<img>节点失败，求解决方案

Hey there! Let's figure out why your code isn't working and fix it step by step.

What's Wrong With Your Current Code #

Your code has two key issues that prevent it from removing <img> nodes:

1. It only checks top-level document nodes: The <img> elements are nested inside <a> tags, so your loop never actually encounters them—you're only looking at the direct children of the document root.
2. Your exclusion logic is off: The condition node.Name != "img" && node.Name!="a" is excluding all <a> tags entirely, which isn't what you want (you just need to remove the images inside those links, not the links themselves).

Correct Solutions #

Solution 1: Remove All <img> Nodes Directly #

The simplest approach is to select every <img> element in the document (regardless of where it's nested) and remove each one. Here's the working code:

var doc = new HtmlDocument();
doc.LoadHtml(inputHtml);

// Select all <img> nodes anywhere in the HTML; handle null if no images exist
foreach (var imgNode in doc.DocumentNode.SelectNodes("//img")?.ToList() ?? new List<HtmlNode>())
{
    imgNode.Remove();
}

// Get the modified HTML output
string cleanedHtml = doc.DocumentNode.OuterHtml;

Solution 2: Replace Images With Their Alt Text (Optional) #

If you want to keep the <a> links but turn the image icons into text using the image's alt attribute, use this variation:

var doc = new HtmlDocument();
doc.LoadHtml(inputHtml);

foreach (var imgNode in doc.DocumentNode.SelectNodes("//img")?.ToList() ?? new List<HtmlNode>())
{
    // Get the alt text (fallback to empty string if missing)
    string altText = imgNode.GetAttributeValue("alt", "");
    // Create a text node to replace the image
    var textNode = doc.CreateTextNode(altText);
    // Swap the image with the text inside its parent <a> tag
    imgNode.ParentNode.ReplaceChild(textNode, imgNode);
}

string cleanedHtml = doc.DocumentNode.OuterHtml;

Why This Works #

Using the XPath selector //img ensures we target every <img> element, even those nested inside other tags like <a>. By calling Remove() (or replacing with text), we directly modify the DOM structure instead of trying to filter top-level nodes incorrectly.

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