Sélecteur De Requête Javascript

| | | | |

Les deux méthodes querySelector et getElementByID vous permettent de récupérer un élément de la JavaScript Object Model DOM (Document) . Cependant, chaque méthode a ses propres cas d’utilisation.

Dans ce guide, nous examinons le cas le plus d’usage commun de querySelector et getElementById. Nous comparons également ces deux méthodes et vous guider à travers un exemple de base de la façon dont chacun d’entre eux travaillent.

Qu’est - ce que querySelector?

JavaScript querySelector () méthode vous permet de récupérer un élément du DOM, ou une page web, en utilisant un sélecteur CSS. Cette méthode est livré avec une fonction s≈ìur appelée querySelectorAll () qui sélectionne tous les éléments qui correspondent à un sélecteur particulier du DOM.

Ces deux méthodes sont incroyablement polyvalent. En effet , la syntaxe CSS sélecteur vous permet de sélectionner un élément à partir d’ une page Web.

Utilisation querySelector, vous n" t à vous soucier d’être limitée par la possibilité de sélectionner des éléments uniquement pour la classe ou ID , comme vous le feriez si vous avez utilisé getElementById ou getElementsByClassName. < br>

Ces méthodes sont particulièrement utiles si les éléments que vous sélectionnez sont semblables à ceux que vous sélectionnez dans votre feuille de style CSS.

Jetons un coup d’ oeil à la querySelector méthode. Nous commencerons par écrire un élément HTML que nous pouvons choisir plus tard dans JavaScript:

Nous avons défini un paragraphe de texte avec le nom de la classe "accessibilité". Ensuite, nous sélectionnons ce paragraphe en utilisant le querySelector ()

Ce code permet de sélectionner le premier élément dont la classe est égal à "l’ accessibilité". Les "." signifie que nous voulons sélectionner une classe. Si nous avions deux éléments avec la classe "accessibilité", nous pourrions utiliser le querySelectorAll () pour les récupérer à la fois

Qu’est - ce getElementById?

méthode getElementById () récupère un élément sur la base de son ID d’attribut, d’ o√π le nom.

Cette méthode est plus restrictive que querySelector parce que vous ne pouvez récupérer des éléments en fonction de leur ID particulier.

Utilisez cette option si vous souhaitez récupérer un seul élément de la page Web. en effet , ID HTML doit être unique pour un particulier élément. Vous ne pouvez pas utiliser une carte d’ identité pour se référer à deux éléments sur la page Web.

nous allons récupérer un élément à l’ aide du sélecteur getElementById. Tout d’ abord, nous allons écrire le code HTML à partir de laquelle nous choisirons un élément:

Nous utilisons l’instruction JavaScript pour récupérer l’élément dont l’ ID est égal à "commentaires". Ceci est la

élément o√π nous affichons des commentaires sur notre page web.

La similitude évidente entre ces deux méthodes est que les deux éléments de sélection d’une page Web. Ils le font de différentes manières.

Avec une déclaration de querySelector, vous pouvez sélectionner un élément basé sur un sélecteur CSS. Cela signifie que vous pouvez sélectionner des éléments par ID, classe, ou tout autre type de sélecteur. En utilisant la méthode getElementById, vous ne pouvez sélectionner un élément en fonction de son ID.

En règle générale, vous devez opter pour le sélecteur qui fait le travail le plus clairement.

Si vous avez juste besoin de sélectionner un élément par ID ou classe, vous pouvez utiliser getElementById ou getElementsByClassName, respectivement. Si vous devez utiliser une règle plus élaborée pour sélectionner les éléments, la méthode querySelector est la meilleure option

Les deux querySelector et getElementById ont fait partie de JavaScript depuis un certain temps. En conséquence, ces méthodes sont à la fois entièrement pris en charge sur les navigateurs modernes.

Conclusion

La méthode querySelector vous permet de récupérer un élément à l’ aide d’ une requête de sélection CSS. La méthode getElementById récupère un élément par son ID DOM.

Les deux méthodes ont un large soutien du navigateur. Vous devez choisir d’utiliser querySelector si vous devez sélectionner des éléments en utilisant des règles plus complexes qui sont facilement représentables à l’ aide d’ un sélecteur CSS. Si vous voulez sélectionner un élément en fonction de son ID, en utilisant getElementById est un bon choix.

Maintenant que vous avez les connaissances nécessaires pour savoir quand utiliser les méthodes querySelector et getElementByID comme un pro!

Sélecteur De Requête Javascript __del__: Questions

Sélecteur De Requête Javascript identity: Questions

Shop

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

$

Best laptop for Zoom

$499

Best laptop for Minecraft

$590

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

News

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