recherche
Maisoninterface Webtutoriel HTMLRésumé du positionnement de XPath

1.Le positionnement relatif et le positionnement absolu

// représente le positionnement relatif doit être utilisé pour les pages ou les nœuds qui changent fréquemment. La recherche

Résumé du positionnement de XPath

/ signifie un positionnement absolu Lorsque reste inchangé, vous pouvez utiliser le positionnement absolu pour effectuer une recherche.

2.Nœud

Nœud supérieur : librairie

Résumé du positionnement de XPathNœud actuel : ".

S'il y a plusieurs nœuds actuels, faites correspondre plusieurs

Résumé du positionnement de XPath

Si le nœud actuel a seulement 1, puis faites correspondre 1

Résumé du positionnement de XPath

Sélectionnez le nœud actuel Le parent nœud  : " ..

Pour p sous html/body, son nœud parent est body, qui est utilisé absolument Le path signifie que vous devez trouver le corps à partir du code HTML, puis trouver p, puis faire correspondre le nœud parent de p.

Résumé du positionnement de XPath

Si vous utilisez un chemin relatif pour trouver le nœud parent, vous pouvez voir que sa position absolue n'est pas prise en compte à partir de p, c'est-à-dire que tous les éléments à partir de body qui remplissent les conditions du nœud parent seront trouvés.

Trouver tous les éléments sous le nœud actuel : //book[1]/..

C'est la méthode d'indexation du nœud nœud parent

Résumé du positionnement de XPath

3.Localiser les éléments via tags

//book : Rechercher tous les tags nommés book

Résumé du positionnement de XPath

Un autre Baidu

Résumé du positionnement de XPath

4.Positionnement des attributs

1.L'élément dont l'attribut de positionnement est category

//book[@category='cooking'] '[] ' signifie l'attribut de recherche

Résumé du positionnement de XPath

2.Utiliser l'attribut de texte pour un positionnement précis, le texte peut également être utilisé à la place de

<.>

Trouver l'élément dont le texte est 30.00 sous //livre//prix

Résumé du positionnement de XPath

Recherchez l'élément text dans la balise année qui est supérieur à 2004

Résumé du positionnement de XPath

3. Utilisez contain

pour une position floue, contains signifie incluant

Positionnement flou pour trouver les éléments dont les informations textuelles contiennent Potter : //title[contains(text(),"Potter")]

Résumé du positionnement de XPath

Expansion Pratique

Résumé du positionnement de XPath

Résumé du positionnement de XPath

4. « * »

signifie n'importe lequel. Attributs Tous les attributs

Rechercher tous les attributs avec des valeurs d'attribut : //@*

Résumé du positionnement de XPath

Rechercher tous les éléments avec l'attribut dans la balise  :

Résumé du positionnement de XPath Utiliser

Ne pas

nier , signifie trouver des éléments sans attributs dans les balises titre, il n'y a personne ici donc je je ne l'ai pas trouvé

@*

signifie tous les attributs

pas(@*) signifie aucun attribut

5.

Trouver des éléments avec l'attribut

category

//@category

Résumé du positionnement de XPath

5.

Opérateurs logiques

1.Localiser les éléments via

et l'opérateur

//book[@category="web" et @cover="paperback"]

2. Localiser les éléments via l'opérateur ouRésumé du positionnement de XPath// book[@. category="children" ou @cover="paperback"]


3.Résumé du positionnement de XPathLocalisez l'élément en niant l'opérateur

not

//book[not(position()>2)] Obtenir

//book[not(position( )>2)] pas de négation

Résumé du positionnement de XPath

//year[not(.=2005) ]

représente le nœud de l'année qui n'est pas le

texte de 2005 noeud Résumé du positionnement de XPath

Trouver élément par “>=”“opérateur élément de positionnement
//prix>=30 Que ce soit il y a un avec un prix supérieur ou égal à 30. existe et renvoie Booléen vrai n'existe pas Renvoie Booléen : faux

Résumé du positionnement de XPath

Résumé du positionnement de XPath

4.

Localiser les éléments via «!»opérateur

//book [@category!='web' ]

Résumé du positionnement de XPath

6.Localiser les éléments par nœud index

1.

Trouver le premier élément de

//livre[1]

 : Trouver le premier livre avec tag 🎜>

Résumé du positionnement de XPath

2.

Position

ième 3position

🎜>Élément//librairie/livre[position()=3]

Résumé du positionnement de XPath

3.

Obtenez plusieurs éléments via

position

//bookstore/book[position()>=2]

4. () Résumé du positionnement de XPathLa fonction trouve le dernier élément

//book[last()]

5.Passer last ()

trouve l'avant-dernier élément

//book[last()-1]

Résumé du positionnement de XPath7 .

Positionnement de l'axe

Trouver l'élément parent de

book[1]/title

 :
// book [1]/title/parent::*

Trouver les éléments enfants du Résumé du positionnement de XPathbook[1]

:

// book[ 1]/child::*

//book/child::price

Trouver Résumé du positionnement de XPathtous les éléments enfant sous l'étiquette book avec l'étiquette price

frère-suivant

Application

//librairie/livre[1]/enfant::titre/frère-suivant::*

following-sibling représente tous les éléments du nœud frère dans l'ordre suivant du nœud actuel

, ce qui signifie trouver tous les nœuds frères après

titre

/bookstore/book[1]/child::title/following-sibling::author Résumé du positionnement de XPath

following-sibling::author

Spécifiez pour rechercher tous les nœuds frères et sœurs après
title L'élément nommé author

preceding-sibling::* représente tous les éléments du nœud frère précédent du nœud actuel

Résumé du positionnement de XPath//bookstore /book[1]/child::price/preceding-sibling::*

signifie trouver tous les éléments frères et sœurs

devant le

nœud de prix

Résumé du positionnement de XPath

Trouver des nœuds ancêtres, y compris soi : //book[1]/ancestor-or-self::*

Résumé du positionnement de XPath

Trouver des nœuds descendants incluant soi : //book[1]/descendant-or-self::*

Résumé du positionnement de XPath


Trouver tous les éléments du nœud actuel : //book[1]/preceding::* Trouver tous les éléments sous le nœud actuel

Résumé du positionnement de XPath

//book[2]//preceding::* placera les nœuds book[2] et book[2] avant Retrouvez tous les éléments de

Résumé du positionnement de XPath

Résumé de l'axe :

parent::* représente l'élément de nœud parent du nœud actuel
ancestor::* représente l'élément de nœud ancêtre du nœud actuel
child:: * représente le nœud actuel Les éléments enfants du nœud /A/descendant::* représentent tous les éléments descendants de A
self::* représentent les éléments self du nœud actuel
ancetor-or-self::* représentent le nœud actuel et ses nœuds ancêtres. Éléments
descendant-or-self::* représentent le nœud actuel et leurs éléments descendants
following-sibling ::* représentent tous les éléments du nœud frère dans l'ordre suivant du nœud actuel.
preceding-sibling::* représente tous les éléments du nœud frère devant le nœud actuel
following::* représente tous les éléments dans l'ordre suivant du nœud actuel
preceding::* représente tous les éléments du nœud actuel nœud actuel

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!

Déclaration
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Objectif de HTML: permettant aux navigateurs Web d'afficher du contenuObjectif de HTML: permettant aux navigateurs Web d'afficher du contenuMay 03, 2025 am 12:03 AM

L'objectif principal de HTML est de permettre au navigateur de comprendre et d'afficher le contenu Web. 1. HTML définit la structure et le contenu de la page Web via des balises, telles que, à, etc. 2. HTML5 améliore la prise en charge multimédia et les introductions et les balises. 3.HTML fournit des éléments de formulaire pour prendre en charge l'interaction utilisateur. 4. Optimisation du code HTML peut améliorer les performances de la page Web, telles que la réduction des demandes HTTP et la compression de HTML.

Pourquoi les balises HTML sont-elles importantes pour le développement Web?Pourquoi les balises HTML sont-elles importantes pour le développement Web?May 02, 2025 am 12:03 AM

HtmltagsaressentialforwebDevelopmentaSheystructureAnDenHanceWebpages.1) TheyDefiLlayout, Semantics et Interactivité.2) SemanctagSimproveaccessibilistibilitySeo.3) correct usUsoftagscanoptimizeperformanceAndensurecross-browercompatibilité.

Expliquez l'importance d'utiliser un style de codage cohérent pour les balises et attributs HTML.Expliquez l'importance d'utiliser un style de codage cohérent pour les balises et attributs HTML.May 01, 2025 am 12:01 AM

Un style de codage HTML cohérent est important car il améliore la lisibilité, la maintenabilité et l'efficacité du code. 1) Utilisez des étiquettes et des attributs en minuscules, 2) Gardez une indentation cohérente, 3) Sélectionnez et respectez les citations simples ou doubles, 4) Évitez de mélanger différents styles dans les projets, 5) Utilisez des outils d'automatisation tels que plus jolis ou Eslint pour assurer la cohérence en style.

Comment implémenter un carrousel multi-projets dans Bootstrap 4?Comment implémenter un carrousel multi-projets dans Bootstrap 4?Apr 30, 2025 pm 03:24 PM

La solution pour implémenter un carrousel multi-projets dans Bootstrap4 implémentation de carrousel multi-projets dans bootstrap4 n'est pas une tâche facile. Bien que bootstrap ...

Comment le site officiel Deepseek réalise-t-il l'effet de l'événement de défilement de souris pénétrant?Comment le site officiel Deepseek réalise-t-il l'effet de l'événement de défilement de souris pénétrant?Apr 30, 2025 pm 03:21 PM

Comment réaliser l'effet de la pénétration des événements de défilement de la souris? Lorsque nous naviguons sur le Web, nous rencontrons souvent des conceptions d'interaction spéciales. Par exemple, sur le site officiel Deepseek, � ...

Comment modifier le style de contrôle de la lecture de la vidéo HTMLComment modifier le style de contrôle de la lecture de la vidéo HTMLApr 30, 2025 pm 03:18 PM

Le style de contrôle de lecture par défaut de la vidéo HTML ne peut pas être modifié directement via CSS. 1. Créez des contrôles personnalisés à l'aide de JavaScript. 2. Embellir ces contrôles via CSS. 3. Considérons la compatibilité, l'expérience utilisateur et les performances, en utilisant des bibliothèques telles que Video.js ou Plyr peuvent simplifier le processus.

Quels problèmes seront causés par l'utilisation de la sélection native sur votre téléphone?Quels problèmes seront causés par l'utilisation de la sélection native sur votre téléphone?Apr 30, 2025 pm 03:15 PM

Problèmes potentiels avec l'utilisation de la sélection native sur les téléphones mobiles Lors du développement d'applications mobiles, nous rencontrons souvent la nécessité de sélectionner des boîtes. Normalement, les développeurs ...

Quels sont les inconvénients de l'utilisation de Native Select sur votre téléphone?Quels sont les inconvénients de l'utilisation de Native Select sur votre téléphone?Apr 30, 2025 pm 03:12 PM

Quels sont les inconvénients de l'utilisation de Native Select sur votre téléphone? Lors du développement d'applications sur des appareils mobiles, il est très important de choisir les bons composants d'interface utilisateur. De nombreux développeurs ...

See all articles

Outils d'IA chauds

Undresser.AI Undress

Undresser.AI Undress

Application basée sur l'IA pour créer des photos de nu réalistes

AI Clothes Remover

AI Clothes Remover

Outil d'IA en ligne pour supprimer les vêtements des photos.

Undress AI Tool

Undress AI Tool

Images de déshabillage gratuites

Clothoff.io

Clothoff.io

Dissolvant de vêtements AI

Video Face Swap

Video Face Swap

Échangez les visages dans n'importe quelle vidéo sans effort grâce à notre outil d'échange de visage AI entièrement gratuit !

Outils chauds

ZendStudio 13.5.1 Mac

ZendStudio 13.5.1 Mac

Puissant environnement de développement intégré PHP

MinGW - GNU minimaliste pour Windows

MinGW - GNU minimaliste pour Windows

Ce projet est en cours de migration vers osdn.net/projects/mingw, vous pouvez continuer à nous suivre là-bas. MinGW : un port Windows natif de GNU Compiler Collection (GCC), des bibliothèques d'importation et des fichiers d'en-tête librement distribuables pour la création d'applications Windows natives ; inclut des extensions du runtime MSVC pour prendre en charge la fonctionnalité C99. Tous les logiciels MinGW peuvent fonctionner sur les plates-formes Windows 64 bits.

SublimeText3 version Mac

SublimeText3 version Mac

Logiciel d'édition de code au niveau de Dieu (SublimeText3)

Bloc-notes++7.3.1

Bloc-notes++7.3.1

Éditeur de code facile à utiliser et gratuit

Version crackée d'EditPlus en chinois

Version crackée d'EditPlus en chinois

Petite taille, coloration syntaxique, ne prend pas en charge la fonction d'invite de code