Quickstart
Quickstart
Πέντε λεπτά από την εγκατάσταση μέχρι ένα μορφοποιημένο έγγραφο: αυτή η σελίδα δημιουργεί ένα μικρό DOM, εφαρμόζει ένα φύλλο στυλ και διαβάζει ξανά το επιλυμένο στυλ.
Prerequisites
| Requirement | Detail |
|---|---|
| Python | 3.10 ή νεότερη |
| Package | aspose-html-foss εγκατεστημένο (Installation) |
1. Δημιουργήστε ένα έγγραφο και στοιχεία
Document είναι το εργοστάσιο για κάθε τύπο κόμβου. Δημιουργήστε ένα στοιχείο, δώστε του ιδιότητες και συνδέστε το στο δέντρο:
from aspose_html.dom import Document
doc = Document()
el = doc.create_element("div")
el.set_attribute("class", "foo")
el.set_attribute("id", "bar")
doc.append_child(el)2. Συνδέστε ένα φύλλο στυλ
Αναλύστε το κείμενο CSS με το CSSStyleSheet.replace_sync() και καταχωρίστε το φύλλο στο έγγραφο ώστε να συμμετέχει στην αλυσίδα cascade:
from aspose_html.cssom import CSSStyleSheet
sheet = CSSStyleSheet()
sheet.replace_sync(".foo { color: red } #bar { color: blue }")
doc.attach_style_sheet(sheet)3. Διαβάστε το υπολογισμένο στυλ
Element.get_computed_style() επιλύει την ειδικότητα, τη σημασία και την κληρονομικότητα. Εδώ ο επιλογέας ID υπερισχύει του επιλογέα κλάσης:
style = el.get_computed_style()
print(style.get_property_value("color"))4. Δοκιμάστε ενσωματωμένα στυλ
Οι ενσωματωμένες δηλώσεις που ορίζονται μέσω της style δήλωσης του στοιχείου έχουν προτεραιότητα έναντι των κανόνων του φύλλου στυλ του δημιουργού:
inline = el.style
inline.set_property("color", "green")
print(el.get_computed_style().get_property_value("color"))Επόμενα βήματα
- Επισκόπηση χαρακτηριστικών — ο πλήρης χάρτης δυνατοτήτων
- Οδηγός DOM — κόμβοι, ιδιότητες και λειτουργίες δέντρου
- Οδηγός CSSOM — φύλλα στυλ και η αλυσίδα σε βάθος
- License — Λεπτομέρειες άδειας MIT
