Javascript Récupère L’Élément Par Id

| | | |

Alors, vous souhaitez sélectionner un élément sur une page web en JavaScript ? C’est la spécialité de la méthode getElementById, le soi-disant roi des éléments getters en JavaScript.

getElementById vous permet de sélectionner un élément en fonction de son ID. C’est un nom de méthode assez explicite si vous y réfléchissez.

Dans ce guide, nous parlerons de ce qu’est getElementById, comment cela fonctionne et quand vous devriez l’utiliser dans votre code. Nous examinerons un exemple de "Afficher / Masquer" bouton texte dans notre démo document.getElementById.

Plongeons dans Let!

Qu’est - ce getElementById?

getElementById () est une méthode de document qui sélectionne un élément du DOM HTML sur une page basée sur l’attribut ID d’élément spécifié.

Considérons la code suivant:

Dans notre code HTML, nous avons défini un élément Trouvez votre match Bootcamp

Vous pouvez choisir d’utiliser cette méthode si vous avez attribué un ID à un article. Au lieu d’utiliser un plus grand getter comme querySelector ou getElementByClass, qui renvoie le premier objet élément qui correspond à un critère particulier, vous pouvez récupérer un élément en utilisant getElementById ().

getElementById () est une méthode courante utilisée pour récupérer un élément sur une page Web.

Ce que vous devez savoir sur getElementById

Avant de nous plonger dans un exemple, nous allons parler des erreurs que les débutants commettent souvent lorsqu’ils utilisent cette méthode.

il est toujours frustrant quand vous apprenez quelque chose de nouveau et il ne fonctionne pas, donc nous allons parler de ce que les erreurs communes que vous pourriez faire tout en apprenant à getElementById () .

En premier lieu , getElementById () est sensible à la casse. Alors que le terme ID est généralement en majuscule dans la programmation, vous devez utiliser le cas de chameau Id lorsque vous utilisez cette méthode. Dans le cas contraire, cette méthode ne fonctionnera pas

Deuxièmement, l’ID que vous spécifiez ne doit pas inclure de hashtag. Considérez ce code:

Cet exemple peut donner l’impression qu’il récupère l’élément avec l’ID mainButton, mais ce n’est pas le cas. Il vous suffit de préciser l’ID de l’élément que vous souhaitez récupérer:

Maintenant que c’est à l’écart, nous pouvons passer en revue un exemple.

Comment utiliser getElementById

Lorsque vous naviguez sur le Web, vous pouvez rencontrer des balises qui disent "Lire la suite". Une page Web peut afficher quelques phrases d’un morceau de texte, vous êtes donc invité à appuyer sur ce bouton pour que vous puissiez voir le reste du texte.

Nous allons construire cette fonction en utilisant getElementB yId () getter. Vous pouvez consulter le code final de ce didacticiel sur GitHub .

création du front-end

le départ de Let en créant un simple frontal en utilisant HTML et CSS. Créez un nouveau fichier appelé index.html et collez le code suivant:

JavaScript getElementById ( )

Vous voulez en savoir plus sur getElementById ()? Vous êtes au bon endroit.

En savoir plus

getElementById () est une méthode JavaScript qui vous permet de sélectionner un élément sur une bande page. Cette méthode est communément appelée "getter" parce qu’il "obtient" un élément d’une page.

Shop

Learn programming in R: courses

$

Best Python online courses for 2022

$

Best laptop for Fortnite

$

Best laptop for Excel

$

Best laptop for Solidworks

$

Best laptop for Roblox

$

Best computer for crypto mining

$

Best laptop for Sims 4

$

Latest questions

NUMPYNUMPY

psycopg2: insert multiple rows with one query

12 answers

NUMPYNUMPY

How to convert Nonetype to int or string?

12 answers

NUMPYNUMPY

How to specify multiple return types using type-hints

12 answers

NUMPYNUMPY

Javascript Error: IPython is not defined in JupyterLab

12 answers


Wiki

Python OpenCV | cv2.putText () method

numpy.arctan2 () in Python

Python | os.path.realpath () method

Python OpenCV | cv2.circle () method

Python OpenCV cv2.cvtColor () method

Python - Move item to the end of the list

time.perf_counter () function in Python

Check if one list is a subset of another in Python

Python os.path.join () method