Mithilfe von CSS-Selektoren können Sie unterschiedliche Regeln auf CSS-Regeln anwenden. In diesem Artikel werden die Details zusammen mit den Beispielen der Methoden QuerySelector und QuerySelectorAll erläutert. Mit diesen CSS-Selektoren können Sie in HTML Dokumenten navigieren oder ein Suchmuster erstellen, um Elemente in einem HTML Dokument abzugleichen.
- Verwenden Sie CSS-Selektoren in der HTML-C# API-Installation
- Verwenden Sie den CSS-Selektor QuerySelector in C#
- Arbeiten Sie mit QuerySelectorAll CSS Selector in HTML mit C#
Verwenden Sie CSS-Selektoren in der HTML-C# API-Installation
Die Aspose.HTML for .NET API kann zum Erstellen, Bearbeiten, Bearbeiten oder Konvertieren von HTML Dokumenten zusammen mit mehreren anderen Dateiformaten verwendet werden. Sie können es einfach konfigurieren, indem Sie die Referenz-DLL-Datei aus dem Abschnitt Downloads herunterladen oder den folgenden NuGet-Installationsbefehl ausführen:
PM> Install-Package Aspose.Html
Verwenden Sie den CSS-Selektor QuerySelector in C#
Sie können ein ausgewähltes Element formatieren oder mit der QuerySelector-Methode in der Datei HTML navigieren. In den folgenden Schritten wird erläutert, wie Sie ein ausgewähltes Element formatieren, das dem Selektor entspricht:
- Erstellen Sie eine Instanz der Klasse HTMLDocument.
- Erstellen Sie einen CSS-Selektor, um das erste Absatzelement zu extrahieren.
- Legen Sie das Stilattribut fest und speichern Sie die aktualisierte HTML-Datei.
Der folgende Codeausschnitt zeigt, wie Sie mit dem CSS-Selektor QuerySelector ein ausgewähltes Element im HTML Dokument verarbeiten:
// Bereiten Sie den Pfad zur HTML-Quelldatei vor
string documentPath = "queryselector.html";
// Erstellen Sie eine Instanz eines HTML Dokuments
var document = new Aspose.Html.HTMLDocument(documentPath);
// Hier erstellen wir einen CSS-Selektor, der das erste Absatzelement im Dokument extrahiert
var element = document.QuerySelector("p");
// Drucken Sie den Inhalt des ersten Absatzes aus
Console.WriteLine(element.InnerHTML);
// Ausgabe: Die Methode QuerySelector() gibt das erste Element im Dokument zurück, das mit dem angegebenen Selektor übereinstimmt.
// Legen Sie das Stilattribut mit Eigenschaften für das ausgewählte Element fest
element.SetAttribute("style", "color:rgb(50,150,200); background-color:#e1f0fe;");
// Speichern Sie das HTML Dokument in einer Datei
document.Save("queryselector-p.html");
Arbeiten Sie mit QuerySelectorAll CSS Selector in HTML mit C#
Manchmal müssen Sie möglicherweise alle Vorkommen eines Elements verarbeiten. Bitte befolgen Sie die folgenden Schritte, um mit dem CSS-Selektor QuerySelectorAll zu arbeiten:
- Laden Sie die Eingabe-HTML-Datei mit der Klasse HTMLDocument.
- Erstellen Sie einen CSS-Selektor, um alle Elemente einer Klasse zu extrahieren.
- Durchlaufen Sie die Elemente und legen Sie Stilattribute fest.
- Speichern Sie das aktualisierte HTML Dokument.
Das folgende Codebeispiel zeigt, wie der CSS-Selektor QuerySelectorAll programmgesteuert in C# verwendet wird:
// Bereiten Sie den Ausgabepfad für das Speichern von HTML Dokumenten vor
string savePath = "css-selector-color.html";
// Bereiten Sie den Pfad zur HTML-Quelldatei vor
string documentPath = "spring.html";
// Erstellen Sie eine Instanz eines HTML Dokuments
var document = new Aspose.Html.HTMLDocument(documentPath);
// Hier erstellen wir einen CSS-Selektor, der alle Elemente extrahiert, deren „class“-Attribut „square2“ entspricht.
var elements = document.QuerySelectorAll(".square2");
// Durchlaufen Sie die resultierende Liste der Elemente
foreach (Aspose.Html.HTMLElement element in elements)
{
// Legen Sie das Stilattribut mit der neuen Eigenschaft „Hintergrundfarbe“ fest
element.Style.BackgroundColor = "#b0d7fb";
}
// Speichern Sie das HTML Dokument in einer Datei
document.Save(savePath);
Entdecken Sie Aspose.HTML for .NET
Sie können den Bereich Dokumentation besuchen, um verschiedene Kapitel zu erkunden, die sich mit verschiedenen Funktionen der API befassen.
Holen Sie sich eine kostenlose Lizenz
Sie können die volle Kapazität der API testen, indem Sie eine kostenlose temporäre Lizenz anfordern.
Abschluss
In diesem Artikel haben Sie anhand der Beispiele der Selektoren QuerySelector und QuerySelectorAll gelernt, wie Sie CSS-Selektoren verwenden. Bei Fragen schreiben Sie uns bitte an Forum.