Anda dapat menerapkan aturan berbeda pada aturan CSS dengan menggunakan pemilih CSS. Artikel ini menjelaskan detail beserta contoh metode QuerySelector dan QuerySelectorAll. Anda dapat menggunakan pemilih CSS ini untuk menavigasi dokumen HTML atau membuat pola pencarian untuk mencocokkan elemen dalam dokumen HTML.
- Gunakan Pemilih CSS dalam HTML - Instalasi C# API
- Gunakan Pemilih CSS QuerySelector di C#
- Bekerja dengan QuerySelectorAll CSS Selector dalam HTML menggunakan C#
Gunakan Pemilih CSS dalam HTML - Instalasi C# API
Aspose.HTML for .NET API dapat digunakan untuk membuat, mengedit, memanipulasi, atau mengonversi dokumen HTML beserta beberapa format file lainnya. Anda dapat dengan mudah mengonfigurasinya dengan mengunduh file DLL referensi dari bagian Unduhan atau menjalankan perintah instalasi NuGet berikut:
PM> Install-Package Aspose.Html
Gunakan Pemilih CSS QuerySelector di C#
Anda dapat menata gaya elemen yang dipilih atau menavigasi file HTML dengan metode QuerySelector. Langkah-langkah berikut menjelaskan cara memberi gaya pada elemen yang dipilih yang cocok dengan pemilih:
- Buat instance kelas HTMLDocument.
- Buat pemilih CSS untuk mengekstrak elemen paragraf pertama.
- Atur atribut style dan simpan file HTML yang diperbarui.
Cuplikan kode di bawah ini menunjukkan cara menggunakan pemilih CSS QuerySelector untuk memproses elemen yang dipilih dalam dokumen HTML:
// Siapkan jalur ke file HTML sumber
string documentPath = "queryselector.html";
// Buat sebuah instance dari dokumen HTML
var document = new Aspose.Html.HTMLDocument(documentPath);
// Di sini kita membuat Selector CSS yang mengekstrak elemen paragraf pertama dalam dokumen
var element = document.QuerySelector("p");
// Cetak konten paragraf pertama
Console.WriteLine(element.InnerHTML);
// keluaran: Metode QuerySelector() mengembalikan elemen pertama dalam dokumen yang cocok dengan pemilih yang ditentukan.
// Tetapkan atribut gaya dengan properti untuk elemen yang dipilih
element.SetAttribute("style", "color:rgb(50,150,200); background-color:#e1f0fe;");
// Simpan dokumen HTML ke file
document.Save("queryselector-p.html");
Bekerja dengan QuerySelectorAll CSS Selector dalam HTML menggunakan C#
Terkadang Anda mungkin perlu memproses semua kemunculan suatu elemen. Silakan ikuti langkah-langkah di bawah ini untuk bekerja dengan pemilih CSS QuerySelectorAll:
- Muat file HTML masukan dengan kelas HTMLDocument.
- Buat pemilih CSS untuk mengekstrak semua elemen kelas.
- Ulangi elemen dan atur atribut gaya.
- Simpan dokumen HTML yang diperbarui.
Contoh kode berikut menunjukkan cara menggunakan pemilih CSS QuerySelectorAll secara terprogram di C#:
// Siapkan jalur keluaran untuk menyimpan dokumen HTML
string savePath = "css-selector-color.html";
// Siapkan jalur ke file HTML sumber
string documentPath = "spring.html";
// Buat sebuah instance dari dokumen HTML
var document = new Aspose.Html.HTMLDocument(documentPath);
// Di sini kita membuat Selector CSS yang mengekstrak semua elemen yang atribut 'kelasnya' sama dengan 'persegi2'
var elements = document.QuerySelectorAll(".square2");
// Ulangi daftar elemen yang dihasilkan
foreach (Aspose.Html.HTMLElement element in elements)
{
// Tetapkan atribut gaya dengan properti warna latar belakang baru
element.Style.BackgroundColor = "#b0d7fb";
}
// Simpan dokumen HTML ke file
document.Save(savePath);
Jelajahi Aspose.HTML for .NET
Anda dapat mengunjungi ruang dokumentasi untuk menjelajahi berbagai bab yang membahas berbagai fitur API.
Dapatkan Lisensi Gratis
Anda dapat mengevaluasi API hingga kapasitas penuhnya dengan meminta lisensi sementara gratis.
Kesimpulan
Dalam artikel ini, Anda telah mempelajari cara menggunakan pemilih CSS sambil mempertimbangkan contoh pemilih QuerySelector dan QuerySelectorAll. Jika ada pertanyaan, silakan menulis kepada kami di forum.