TUTO JS - #9 RÉCUPÉRER DES ÉLÉMENTS HTML
ฝัง
- เผยแพร่เมื่อ 6 พ.ย. 2024
- Maintenant que nous avons de bonnes bases en JavaScript (variables, tableaux, conditions, boucles, etc.), je vous propose de commencer à faire interagir nos scripts avec le code HTML de notre page !
Autre fonction dont je n'ai pas parlé dans la vidéo mais qui repose sur le même principe que les autres : getElementsByClassName(), qui permet de récupérer, comme son nom l'indique, des éléments HTML à partir de leur attribut class (developer.mozi....
N'oubliez pas de vous abonner, c'est rapide et sympa !
PS : Il s'agit d'une vidéo tournée avec un setup différent de celui que j'utilise d'habitude car j'étais en convention à ce moment. J'ai tout de même fait en sorte que la qualité vidéo / audio se rapproche au maximum des vidéos que je tourne habituellement. J'espère donc que la qualité de la vidéo vous conviendra ;)
-----------------------------------------------------------------------------------------------
► S'abonner : goo.gl/Cfrt1B
► Site internet : primfx.com
► Me suivre (réseaux sociaux) : social.primfx....
Musique d'intro: dlvsound.wordp...
Copyright © PrimFX
Ton contenu c'est de l or
Dans un hôtel? Sinon super vidéo bien expliquée ,bon son ,vraiment bonne qualité ,tu mérites + d'abonnés
Yep j'ai tourné la vidéo ce week-end pendant la Japan Expo du coup j'étais à l'hôtel et avec un setup différent mais qui a été plutôt efficace je trouve :) (pc portable, micro cravate et portable en guise de caméra pour l'intro)
Merci pour tous ces compliments !
Merci beaucoup pour avoir réalise cette vidéo ! J'ai appris avec toi comment récupérer la valeur d'un formulaire définie d'avance. Maintenant, comment récupérer cette valeur lorsque l'utilisateur modifie l'entrée.
merci a toi grace a vos tuto je serai un grand programmeur
Salut encore merci pour le tuto il est facile a comprendre. Une petite question pourquoi tu as arreter la rebrique j'annalyse vos site ?
Encore une fois c'est très clair ;) Vas-tu faire des tutos sur l'ajax pour finaliser un petit peu les tutos php ou est ce que ces vidéos là sont définitivement terminées ?
super bien expliqué comme d'ab ! Merci pour le tuto je connaissais mal le queryselector :)
Donc en gros il faut utiliser des tableaux pour toutes les méthodes sauf pour querySelector?
merci pour le Bonne vidéo , j'ai une question comment en utilise la method getElementById((); avec les autres type de la balise input( radio, checkbox , select) et merci :D
salut, je vient de tombé sur tes vidéo et ils sont super mais j'ai une question comment je peux récupéré un lien genre quand on clic sur un boutton sans nous renvoi sur un autre page? merci.
Super tuto, merci! 😀 continu comme ça !!
J'ai un probleme. Quand j'écris document.getElementById etc dans google dans le panneau source , il mette une erreur sur innerHTML . je ne comprends pas.
Bonne explication mais j'essaye de récupérer sur un site ex: getElementById ("titre"); mais le problème c'est que c'est un tag dans le code qui s'appelle h="Bottom_57" je souhaite accéder à ce tag
Salut PrimFX tu n'est plus trop actif, c'est pour cela et aussi pour m'aider que je te propose de refaire un tutoriel sur ton compte, pour avoir son propre site internet car je n'ai pas trop compris ta première vidéo et que je veut des info plus précise et plus fiable, merci, salut.
Pense a la dédicace en vidéo ;).
PS jai ecrit sur trois video pour qur tu vois le message lol
est ce que je peux apprendre la programmation et se perfectionner dans ce domaine et j 45 ans ,possible??
Nouvelle abonnée :)
Merci bcp pour ce contenu précieux :)
ahhh çà me rafraîchit la mémoire Merci PrimFX je suis un peut chambouler car le innerHTML je l'utilise pour retourner du code HTML depuis le javascript et j'utilise le .textContent pour avoir l'avoir l'element textuelle ... font 'ils la meme chose :/?
Slt tu te répond à toi même en posant ta question
"le innerHTML je l'utilise pour retourner du code HTML depuis le javascript et j'utilise le .textContent pour avoir l'element textuelle" .
" font 'ils la meme chose :/?" et bien non innerHTML va prendre en compte les balises HTML alors que textContent va lui ignorer les balises HTML et recuperer que le texte
j'ai eu la confusion dessus car il a utiliser le innerHTML pour afficher directement le contenu de la balise ! et dsl j'ai du mal reformuler ma question ! merci pour la réponse :)
Ne t'excuse pas c'est rien l'essentielle c'est que ça ne soit plus confus et de rien :)
eh eh j'espére que c'était bien la japan tour ;)
Yep c'était cool :)
Juste ,pour Sublime Text 3 comment fait on pour ouvrir la fenêtre a gauche ''Open Files ''?
View > Side Bar > Show Side Bar ;)
PrimFX Merci ;))
Merciiiiiiiiiii
moi quand je compile avec mon js ils me dise que "document" n'est pas défini saurais tu pourquoi?
Tu as sûrement oublier le "." de document.getElementBy...
Est-il possible de lier le php et le javascript en variable ??
Bonne vidéo, mais attention avec "méthode c'est pas une fonction", parce que les puristes vont te tomber dessus ;)
Les méthodes sont des fonctions associées à un objet, mais sont à la base des fonctions...
La grande distinction est surtout à faire dans le retour de donnée, si ça retourne une valeur c'est une fonction, sinon c'est une procédure (et encore, tout est en train de changer d'un langage à l'autre et d'une langue à l'autre...) Donc difficile à définir, mais une méthode reste de base, une fonction :)
D'ailleurs, en javascript, toute fonction est une "méthode" (window à la base)
Salut et merci pour ton commentaire !
Effectivement c'est vrai que le cas du JS est un peu particulier avec les fonctions qui en soit sont toutes des méthodes de "window", disons que j'ai pris l'habitude de parler de fonctions lorsqu'il s'agit justement d'une méthode de l'objet window et de méthode pour celles qui découlent d'autres objets (ici document). J'utilise cette façon de les nommer car window est un objet implicite : il n'a pas besoin d'être appelé devant une fonction, or ce n'est pas le cas avec document qui est explicite (doit obligatoirement précéder la méthode dans le code).
Cela dit on peut pas mal jouer sur les mots avec ça : il peut s'agir de méthodes, de fonctions, etc. ce sont au final des algorithmes de traitements qui sont utilisés :)
Bref c'est vrai qu'on peut bien s'emmêler les pinceaux avec tout ça, je pense que la façon dont j'ai appelé les méthodes / fonctions n'est pas fausse dans la vidéo, en gardant en tête que cette série est dédiée à ceux qui apprennent le JS, donc je pense (là c'est purement subjectif hein) qu'il vaut mieux rester un peu superficiel sur certains détails comme celui-ci pour ne pas perdre ceux qui débutent plutôt que l'inverse. Même s'il est vrai qu'en JS toutes les fonctions sont finalement des méthodes, une méthode est un "type" de fonction. Je pense qu'on est dans le paradoxe du JS xD
En tout cas merci pour ta remarque, j'espère y avoir répondu correctement (et que les puristes défenseurs des fonctions et méthodes ne vont pas me tomber dessus lol)
Oui, je me doutais que tu connaissais bien la distinction, c'est juste le fait que tu insistes sur "c'est une méthode, pas une fonction" que j'ai réagis :)
Et bien entendu je te souhaite (grandement) de ne pas avoir de "puristes" dans le lot, sauf s'ils viennent voir ces commentaires avant de poster, qui devrait calmer leurs hardeurs (j'espère) et comprendront le côté "éducatif" de tes vidéos, très complètes (hormis "getElementsByClassName";), j'insiste, quand tu parles d'un sujet...
Bon allez ! J'arrête la séance de pommade ;)
il ce passe quoi si on a plusieurs balise avec le même id?
c'est pour cela qu'il faut que tes id soient uniques
Sa va aller chercher tous les éléments ayant ce id qui correspond.
Merci Dieu
Ya les source du code pour faire un copier/coller??
tu utilise quoi comme appli pour faire sa
SublimeText
Erreur de ma part ou tu n'as pas parlé de la fonction getElementsByClassName ? (j'ai survolé la vidéo vu que je connais déjà ça, sauf getElementsByName dont tu m'a appris l'existence bien que je ne m'en servirai sans doute jamais ;) )
developer.mozilla.org/fr/docs/Web/API/Document/getElementsByClassName
Effectivement je n'en ai pas parlé, petit oubli de ma part pour le coup, c'est vrai que j'ai l'habitude en JS de toujours "isoler" des éléments, donc de garder les classes pour la partie CSS et les id pour ce qui est des éléments à traiter en JS (sauf cas spécifiques bien sûr). Je rajoute le lien dans la description du coup ;) Merci pour le commentaire !
Un autre truc que je viens de découvrir c'est nextElementSibling : capturer l'élément se trouvant juste après un autre élément. Avec l'inverse previousElementSibling. Ca fait partie des propriétés de chaque HTMLElement (comme childNodes, firstChild, lastChild, firstElementChild, parentElement etc).
Pour une nouvelle vidéo ? :)