Supports de cours gratuit sur javascript en pdf

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 ŽlŽments qui satisfont le sŽlecteur. Exempleun exemple pour tester go! PropriŽtŽs et mŽthodes des ŽlŽmentsTout ŽlŽment elt a les propriŽtŽs suivantes. innerHTML : non standard (mais implŽmentŽ partout), code HTML interne de l’ŽlŽment ; textContent : contenu textuel de l’ŽlŽment ( 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 ŽlŽment (de nodeType1), soit un noeud texte (nodeType 3) ; ÞrstChild : Žquivalent de childNodes[0] ;lastChild : dernier Þls ;nodeName : nom de la balise ;nodeType : 1 pour ŽlŽments (balises) ;id : identiÞant du noeud ;className : classe (au sens CSS) de l’ŽlŽment ;style : accs aux propriŽtŽs CSS de l’ŽlŽment ;getAttribute(NOM) : valeur d’un de ses attributs. Ne fonctionne pas pour l’attribut « class » sous IE. setAttribute(NOM,VALEUR) : pour un noeud/ŽlŽment, permet de Þxer la valeur d’un attribut. Ne fonctionne pas sous IE pour les styles css ni pour l’attribut « class ». PropriŽtŽs 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 »; } }

go!