HTML-Tabellen in C# bearbeiten

Vorhandene HTML-Tabellen mit einer .NET-API bearbeiten

Aspose.HTML for .NET lädt eine vorhandene HTML-Datei in ein HTMLDocument . Sie können eine Tabelle mit einem CSS-Selektor finden, ihre Zellen und Stile über das DOM ändern, Zeilen hinzufügen oder entfernen und das vollständige Dokument speichern, ohne andere Inhalte neu aufzubauen.

Tabelle in einer HTML-Datei mit C# bearbeiten

Das folgende Beispiel öffnet input.html, wählt die erste Tabelle aus, ändert die erste Datenzelle, fügt eine Zeile an, aktualisiert das Tabellen-CSS und speichert das Ergebnis als edited-table.html.

using Aspose.Html;
using System;

// Load the HTML document that contains the table
using HTMLDocument document = new HTMLDocument("input.html");

// Select the first table and verify that it exists
HTMLTableElement table = (HTMLTableElement)document.QuerySelector("table");
if (table == null)
{
    throw new InvalidOperationException("The HTML document does not contain a table.");
}

// Update the first data cell when one is available
HTMLTableCellElement firstCell = (HTMLTableCellElement)table.QuerySelector("td");
if (firstCell != null)
{
    firstCell.TextContent = "Updated value";
}

// Append a row and populate its cells
HTMLTableRowElement newRow = (HTMLTableRowElement)table.InsertRow(table.Rows.Length);
string[] values = { "New item", "Ready" };
foreach (string value in values)
{
    HTMLTableCellElement cell = (HTMLTableCellElement)newRow.InsertCell(newRow.Cells.Length);
    cell.TextContent = value;
}

// Apply CSS without replacing the table's other attributes
table.Style.SetProperty("border", "1px solid #808080");
table.Style.SetProperty("border-collapse", "collapse");
table.Style.SetProperty("width", "100%");

// Save the complete modified document
document.Save("edited-table.html");

Schritte zum Bearbeiten einer HTML-Tabelle

1. Öffnen Sie die Quelldatei mit einem HTMLDocument -Konstruktor.
2. Suchen Sie die gewünschte Tabelle mit QuerySelector() . Verwenden Sie bei mehreren Tabellen einen ID- oder Klassenselektor anstelle von table.
3. Wählen Sie eine vorhandene Zelle aus und ändern Sie ihren TextContent, ohne die übrige Tabellenstruktur zu ersetzen.
4. Fügen Sie mit InsertRow() eine Zeile und mit InsertCell() deren Zellen hinzu.
5. Ändern Sie die Darstellung über die Style-Deklaration der Tabelle und rufen Sie Save() auf, um das vollständige bearbeitete Dokument zu schreiben.

Optionen zum Bearbeiten von HTML-Tabellen

• Richtige Tabelle ansprechen. Verwenden Sie Selektoren wie #orders, .price-table oder main table, wenn ein Dokument mehrere Tabellen enthält.
• Vorhandene Inhalte ändern. Bearbeiten Sie Zelltext, Attribute, Klassen und Inline-CSS, ohne die Tabelle neu zu erstellen oder unabhängiges HTML zu ersetzen.
• Tabellenstruktur ändern. Fügen Sie Zeilen und Zellen über die Tabellen-DOM-Schnittstellen ein oder entfernen Sie sie unter Beibehaltung der Dokumentreihenfolge.
• Moderne Darstellungsregeln anwenden. Verwenden Sie CSS für Rahmen, Breite, Ausrichtung und Abstände anstelle veralteter HTML-Darstellungsattribute.
• Umgebenden Inhalt erhalten. Beim Speichern des geladenen HTMLDocument bleiben Inhalte außerhalb der bearbeiteten Tabelle erhalten. Zum Isolieren ausgewählter <table>-Elemente samt Markup verwenden Sie HTML-Tabellen extrahieren .

Dokumentation zur Bearbeitung von HTML-Tabellen

Die Anleitung HTML-Dokument bearbeiten zeigt, wie DOM-Knoten gesucht, eingefügt, geändert und entfernt werden. Die Dokumentation zum HTML DOM erläutert die Dokumentnavigation und das Elementmodell zur programmgesteuerten Bearbeitung von HTML-Inhalten.

Aspose.HTML for .NET installieren

Installieren Sie Aspose.HTML for .NET aus NuGet mit der .NET CLI:

dotnet add package Aspose.HTML

Alternativ können Sie die Benutzeroberfläche des NuGet-Paket-Managers verwenden oder Install-Package Aspose.HTML in der Paket-Manager-Konsole ausführen. Einzelheiten zur Einrichtung finden Sie in der Installationsanleitung . Mit einer temporären Lizenz können Sie die API ohne Einschränkungen der Evaluierung testen.

Häufige Fragen zum Bearbeiten von HTML-Tabellen

1. Wie bearbeite ich eine bestimmte HTML-Tabelle, wenn eine Seite mehrere Tabellen enthält?

Geben Sie der Zieltabelle eine stabile ID oder Klasse und übergeben Sie einen passenden CSS-Selektor wie [id="orders"] oder .price-table an QuerySelector(). Der allgemeine Selektor table gibt nur die erste Tabelle im Dokument zurück.

2. Kann ich eine Tabellenzelle ändern, ohne die gesamte Tabelle zu ersetzen?

Ja. Wählen Sie das benötigte Element <td> oder <th> aus und weisen Sie seinem TextContent einfachen Text zu. Soll die Zelle verschachteltes Markup enthalten, ändern Sie ihre DOM-Kindelemente oder verwenden Sie InnerHTML mit vertrauenswürdigen Inhalten.

3. Wie füge ich Zeilen zu einer HTML-Tabelle hinzu oder entferne sie in C#?

Rufen Sie InsertRow() mit dem gewünschten Zeilenindex auf und fügen Sie anschließend Zellen mit InsertCell() hinzu. Verwenden Sie zum Entfernen DeleteRow() und prüfen Sie den Index vorher gegen Rows.Length.

4. Sollte die Tabellenformatierung mit HTML-Attributen oder CSS geändert werden?

Verwenden Sie CSS für Rahmen, Breite, Ausrichtung, Abstände, Farben und andere Darstellungsmerkmale. Attribute wie align, border und cellspacing gehören zum älteren HTML-Darstellungsmodell und sollten in modernem Markup nicht neu eingeführt werden.

5. Bleibt der restliche HTML-Inhalt beim Speichern der bearbeiteten Tabelle erhalten?

Ja. Wenn Sie die Quelle in ein HTMLDocument laden, nur die ausgewählten Tabellenknoten ändern und dieses Dokument speichern, bleiben unabhängige Elemente in der Ausgabe erhalten. Das bewusste Ersetzen eines Elternelements oder seines InnerHTML ersetzt auch dessen untergeordnete Knoten.