VersionIntroductionInstallationLimitations du protocole "file"Questions fréquemment poséesSyntaxe, mots-clés et fonctions intégréesDistribution standardImplémentation de importPackages BrythonInterface avec le navigateur
Introduction - API DOM
Créer un document Accéder aux éléments Attributs, propriétés et méthodes Evénements Evénements souris Evénements clavier Evénements focus Evénements pour glisser-déposer Chaine de requête Interactions avec Javascript Modules intégrés propres à Brython
browser
browser.aio browser.ajax browser.html browser.local_storage browser.markdown browser.object_storage browser.session_storage browser.svg browser.template browser.timer browser.webcomponent browser.websocket browser.worker Widgets browser.widgets.dialog browser.widgets.menu interpreter javascript Travailler avec BrythonRecettes
Salut !
Insérer du contenu dans un élément Mise en forme HTML (gras, italique...) Table HTML Attacher / détacher des événements Gérer la sélection d'options dans un SELECT Glisser-déposer Obtenir le contenu d'un élément Lire le contenu d'un fichier Stocker des objets localement Exemple de onmouseover |
Accéder aux éléments de la pagePour accéder à un élément, on peut utiliser plusieurs méthodes. La plus courante est de se servir de son identifiant, c'est-à-dire de son attribut id : si on a une zone de saisie définie par<input id="data">on peut obtenir une référence à ce champ par L'objetfrom browser import document data = document["data"] document du module browser référence le document HTML. Il se
comporte comme un dictionnaire dont les clés sont les identifiants des
éléments de la page. Si aucun élément ne possède l'identifiant spécifié, le
programme déclenche une exception KeyError .
Tous les éléments de la page possèdent une méthode get() qui permet
de rechercher des éléments de plusieurs façons :
elt.select(S) est équivalent à elt.get(selector=S) .
Quelques exemples :
Pour sélectionner un seul élément, utiliserdocument.select('.foo') # éléments avec la classe "foo" document.select('form') # liste des éléments "<form>" document.select('H1.bar') # éléments H1 avec la classe "bar" document.select('#container') # liste avec l'élément dont l'id vaut "container", # similaire à [document["container"]] document.select('a[title]') # éléments A avec un attribut "title" document.select('#tid td') # les éléments TD dans l'élément avec l'id #tid select_one() au lieu de
select() . Si le sélecteur correspond à plusieurs éléments, select_one()
renvoie le premier.
Voir la documentation MDN
pour plus d'informations et d'exemples de sélecteurs CSS.
|