Table of Contents
1." >Logical operators1.
Locate elements by node index" >6.Locate elements by node index
Home Web Front-end HTML Tutorial Summary of Xpath positioning

Summary of Xpath positioning

Mar 08, 2017 am 11:51 AM

1.Relative positioning and absolute positioning

// represents relative positioning. Relative positioning should be used for pages or nodes that frequently change. Search

Summary of Xpath positioning

/ means absolute positioning. When remains unchanged, you can use absolute positioning to search

2.Node

##Top node: bookstore

Summary of Xpath positioningCurrent node:.

If there are multiple current nodes, match multiple

Summary of Xpath positioning

If the current node has only 1, then match 1

Summary of Xpath positioning

Select the current node The parentnode:" ..

For p under html/body, its parent node is body. This is done using absolute The path means that you must find the body from the html and then find p, and then match the parent node of p.

Summary of Xpath positioning

If you use a relative path to find the parent node, you can see that its absolute position is not considered starting from p, that is to say All elements starting from body that meet the conditions of the parent node will be found.

Find all elements under the current node: //book[1]/..

This is the method of node index +parent node

Summary of Xpath positioning

##3.

Positioning by label Element //book

: Find all tags named

book

Summary of Xpath positioning

One more Baidu

Summary of Xpath positioning

4.

Attribute positioning1.

The element whose positioning attribute is

category//book[@category='cooking'] '

[]

' means search attribute

Summary of Xpath positioning2.

Use

text text attribute for precise positioning, text can also be used instead of

Find the element with the text 30.00 under

//book//price

Summary of Xpath positioning

Find the element in the text in the year tag that is greater than 2004

Summary of Xpath positioning

3. Use contains for fuzzy positioning. contains means containing

Fuzzy positioning searches for elements whose text information contains Potter: //title[contains(text(),"Potter")]

Summary of Xpath positioning

Extension Exercise

Summary of Xpath positioning

Summary of Xpath positioning

4.”*” means any Attributes All attributes

Find all attributes with attribute values://@*

Summary of Xpath positioning

Find all elements with attributes in the tag:

Summary of Xpath positioning

Use

Not to negate , means to find elements that have no attributes in the title tag , there is no one here so I didn’t find it.

@*

means all attributes

not(@*)

means no attributes

5.

Find elements with the

category attribute//@category

Summary of Xpath positioning

5.

Logical operators1.

Locate elements through the

and operator//book[@category="web" and @cover="paperback"]

Summary of Xpath positioning2. Locate elements through the or operator

// book[@category="children" or @cover="paperback"]


Summary of Xpath positioning3.

Locate elements by negating the

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

Get the

# whose position is greater than

2 in the

book tag

##//book[not(position()>2)] not negationSummary of Xpath positioning

//year[not(.=2005) ] Summary of Xpath positioning means taking the year node that is not the

2005 text node

Find the element by “>=”“operator
//price>=30 Whether there is price greater than or equal to 30 Exists returns Boolean true Does not exist Returns Boolean: false

Summary of Xpath positioning

Summary of Xpath positioning

4.Locate elements through "!"operator

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

Summary of Xpath positioning

6.Locate elements by node index

1.Find the first element

//book[1]: Find the first # with the label book

Summary of Xpath positioning

##2.

Position the th 3# through position ##Element//bookstore/book[position()=3]

Summary of Xpath positioning

3.

Get multiple elements through

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

Summary of Xpath positioning4. Through last()

Function to find the last element

//book[last()]

5.

Pass

last ()Function to find the penultimate element//book[last()-1]

Summary of Xpath positioning

7 .

Axis positioning

Find the parent element of
book[1]/title: //book [1]/title/parent::*

Summary of Xpath positioning

Find the child elements of

book[1]: //book[ 1]/child::*

Summary of Xpath positioning//book/child::price

Find all child elements under the

book tag with the tag price

following-sibling

Application

//bookstore/book[1]/child::title/following-sibling::*
Following-sibling represents all sibling node elements in the subsequent sequence of the current node

That is to say, find all sibling nodes after

title

Summary of Xpath positioning

/bookstore/book[1]/child::title/following-sibling::author


following-sibling::author

Specify to search all sibling nodes behind

title The element named author

Summary of Xpath positioningpreceding-sibling::* represents all sibling node elements in front of the current node

//bookstore /book[1]/child::price/preceding-sibling::*

means to find all sibling elements in front of the

price node

Summary of Xpath positioning

Find ancestor nodes including self: //book[1]/ancestor-or-self::*

Summary of Xpath positioning

Find descendant nodes including self: //book[1]/descendant-or-self::*

Summary of Xpath positioning


Find all elements of the current node: //book[1]/preceding::* Find all elements under the current node

Summary of Xpath positioning

##//book[2]//preceding::*

will book[2] and book[2] nodes before Find all elements of

Summary of Xpath positioning

# #Axis summary: parent::* represents the parent node element of the current node

ancestor::* represents the ancestor node element of the current node

child::* represents the current node The child elements of the node /A/descendant::* represent all descendant elements of A
self::* represent the self elements of the current node
ancestor-or-self::* represent the current node and its ancestor nodes The element
descendant-or-self::* represents the current node and their descendant elements
following-sibling::* represents the following sibling node elements of the current node
preceding-sibling::* represents All sibling node elements in front of the current node
following::* represents all elements in the following order of the current node
preceding::* represents all elements of the current node

The above is the detailed content of Summary of Xpath positioning. For more information, please follow other related articles on the PHP Chinese website!

Statement of this Website
The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn

Hot AI Tools

Undresser.AI Undress

Undresser.AI Undress

AI-powered app for creating realistic nude photos

AI Clothes Remover

AI Clothes Remover

Online AI tool for removing clothes from photos.

Undress AI Tool

Undress AI Tool

Undress images for free

Clothoff.io

Clothoff.io

AI clothes remover

Video Face Swap

Video Face Swap

Swap faces in any video effortlessly with our completely free AI face swap tool!

Hot Tools

Notepad++7.3.1

Notepad++7.3.1

Easy-to-use and free code editor

SublimeText3 Chinese version

SublimeText3 Chinese version

Chinese version, very easy to use

Zend Studio 13.0.1

Zend Studio 13.0.1

Powerful PHP integrated development environment

Dreamweaver CS6

Dreamweaver CS6

Visual web development tools

SublimeText3 Mac version

SublimeText3 Mac version

God-level code editing software (SublimeText3)

Is HTML easy to learn for beginners? Is HTML easy to learn for beginners? Apr 07, 2025 am 12:11 AM

HTML is suitable for beginners because it is simple and easy to learn and can quickly see results. 1) The learning curve of HTML is smooth and easy to get started. 2) Just master the basic tags to start creating web pages. 3) High flexibility and can be used in combination with CSS and JavaScript. 4) Rich learning resources and modern tools support the learning process.

The Roles of HTML, CSS, and JavaScript: Core Responsibilities The Roles of HTML, CSS, and JavaScript: Core Responsibilities Apr 08, 2025 pm 07:05 PM

HTML defines the web structure, CSS is responsible for style and layout, and JavaScript gives dynamic interaction. The three perform their duties in web development and jointly build a colorful website.

Understanding HTML, CSS, and JavaScript: A Beginner's Guide Understanding HTML, CSS, and JavaScript: A Beginner's Guide Apr 12, 2025 am 12:02 AM

WebdevelopmentreliesonHTML,CSS,andJavaScript:1)HTMLstructurescontent,2)CSSstylesit,and3)JavaScriptaddsinteractivity,formingthebasisofmodernwebexperiences.

Gitee Pages static website deployment failed: How to troubleshoot and resolve single file 404 errors? Gitee Pages static website deployment failed: How to troubleshoot and resolve single file 404 errors? Apr 04, 2025 pm 11:54 PM

GiteePages static website deployment failed: 404 error troubleshooting and resolution when using Gitee...

What is an example of a starting tag in HTML? What is an example of a starting tag in HTML? Apr 06, 2025 am 12:04 AM

AnexampleofastartingtaginHTMLis,whichbeginsaparagraph.StartingtagsareessentialinHTMLastheyinitiateelements,definetheirtypes,andarecrucialforstructuringwebpagesandconstructingtheDOM.

How to use CSS3 and JavaScript to achieve the effect of scattering and enlarging the surrounding pictures after clicking? How to use CSS3 and JavaScript to achieve the effect of scattering and enlarging the surrounding pictures after clicking? Apr 05, 2025 am 06:15 AM

To achieve the effect of scattering and enlarging the surrounding images after clicking on the image, many web designs need to achieve an interactive effect: click on a certain image to make the surrounding...

HTML, CSS, and JavaScript: Essential Tools for Web Developers HTML, CSS, and JavaScript: Essential Tools for Web Developers Apr 09, 2025 am 12:12 AM

HTML, CSS and JavaScript are the three pillars of web development. 1. HTML defines the web page structure and uses tags such as, etc. 2. CSS controls the web page style, using selectors and attributes such as color, font-size, etc. 3. JavaScript realizes dynamic effects and interaction, through event monitoring and DOM operations.

How to implement adaptive layout of Y-axis position in web annotation? How to implement adaptive layout of Y-axis position in web annotation? Apr 04, 2025 pm 11:30 PM

The Y-axis position adaptive algorithm for web annotation function This article will explore how to implement annotation functions similar to Word documents, especially how to deal with the interval between annotations...

See all articles