Plan de cours
- JavaScript et les formulaires
- Vérification à l’expédition
- Premier exemple
- Critique de la méthode précédente
- Traitement des champs en cours d’édition
- Vérification lors de la frappe
- Traitement d’un formulaire uniquement en Javascript
- Propriétés spécifiques aux éléments de formulaire
- Propriétés des éléments de formulaire textuels: input (texte),textarea
- Propriétés des éléments de formulaire: select
- Les événements
- Quelques propriétés des événements
- Position d’un événement relativement à un élément
- Le DOM (Document Object Model)
- Représentation d’un document
- Les noeuds (introduction)
- Accès aux éléments
- Propriétés et méthodes des éléments
- Propriétés des noeuds textes
- Parcours d’un document
- Modification des éléments: 1) innerHTML
- Intérêt et limitations de innerHTML
- Création en passant par le DOM
- Insertion d’élément
- Exemple de modification au travers du DOM
- Chargement des pages
- Exemple où l’ordre n’est pas respecté
- L’événement onload
Profitez de ce manuel de formation en PDF pour comprendre mieux le JavaScript et enrichir votre connaissance.
Commencez à télécharger ce cours adapté pour vous et à apprendre JavaScript.
22/01/2015 18:28 JavaScript Page 10 sur 17 http://deptinfo.cnam.fr/~pons/SVN/nfa016/trunk/HTML5/coursJavascript2.html lments qui satisfont le slecteur. Exempleun exemple pour tester go! Proprits et mthodes des lmentsTout lment elt a les proprits suivantes. innerHTML : non standard (mais implment partout), code HTML interne de l’lment ; textContent : contenu textuel de l’lment ( tout le texte, en ignorant les balises). Pour IE: partir d’IE 9.parentNode : nÏud parent ;childNodes : tableaux des noeuds Þls. Chaque noeud Þls est, soit un noeud lment (de nodeType1), soit un noeud texte (nodeType 3) ; ÞrstChild : quivalent de childNodes[0] ;lastChild : dernier Þls ;nodeName : nom de la balise ;nodeType : 1 pour lments (balises) ;id : identiÞant du noeud ;className : classe (au sens CSS) de l’lment ;style : accs aux proprits CSS de l’lment ;getAttribute(NOM) : valeur d’un de ses attributs. Ne fonctionne pas pour l’attribut « class » sous IE. setAttribute(NOM,VALEUR) : pour un noeud/lment, permet de Þxer la valeur d’un attribut. Ne fonctionne pas sous IE pour les styles css ni pour l’attribut « class ». Proprits des noeuds textesnodeType toujours 3 pour un noeud texte. nodeValue texte contenu dans le noeud. On peut modiÞer cette valeur. Exemple: function qsEnRouge() { var l= document.querySelectorAll(« #qs1 em »); for (var i in l) { l[i].style.color= « red »; } }