[SOLVED] How to get Image src attribute value using XPath

How to get Image src attribute value using XPath

I want to extract the image url from the tag using XPath but the only problem is it returning whole src attr using the below XPath.

Query used in Chrome inspect tool:

$x("//div[@class='specs-photo-main']//img/@src")

Output:

[src]
0: src
baseURI: "https://www.gsmarena.com/xiaomi_11i_hypercharge-11186.php"
childNodes: NodeList []
firstChild: null
isConnected: false
lastChild: null
localName: "src"
name: "src"
namespaceURI: null
nextSibling: null
nodeName: "src"
nodeType: 2
nodeValue: "https://fdn2.gsmarena.com/vv/bigpic/xiaomi-11i-hypercharge.jpg"
ownerDocument: document
ownerElement: img
parentElement: null
parentNode: null
prefix: null
previousSibling: null
specified: true
textContent: "https://fdn2.gsmarena.com/vv/bigpic/xiaomi-11i-hypercharge.jpg"
value: "https://fdn2.gsmarena.com/vv/bigpic/xiaomi-11i-hypercharge.jpg"
[[Prototype]]: Attr
length: 1
[[Prototype]]: Array(0)

Is there is a way to get the "nodeValue" of "src" attribute?

Solution

You need to access the first element (as you need to get the first node found) and then you can get the properties of the found node:

$x("//div[@class='specs-photo-main']//img/@src")[0].nodeValue

Or,

$x("//div[@class='specs-photo-main']//img/@src")[0].textContent

if you need to get the plain text value.