Get background-image url using xpath

Question

I'm trying to retrieve an url form background-image. So far i've managed to get the style however i can't seem to only get url.

What i managed so far:

//div[@class='opponent opponent1']/div[@class='team-player']/@style

Html example:

<div class="opponent opponent1">
    <div class="team-player" style="background-image: url('/uploads/test.jpeg')"></div>
    <h3><a href="#">Team EnVyUs</a></h3>
</div>

alecxe · Accepted Answer · 2015-03-11 16:26:59Z

1

The combination of substring-before and substring-after should do the trick:

substring-before(substring-after(//div[@class='opponent opponent1']/div[@class='team-player']/@style, "background-image: url('"), "')")

answered Mar 11, 2015 at 16:26

alecxe

476k127 gold badges1.1k silver badges1.2k bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

MagicHat Over a year ago

Hi, can u help find why your solution dont work fo me? stackoverflow.com/questions/47048955/… , tks

DonO · Accepted Answer · 2015-03-11 16:32:56Z

1

I think you are done with XPATH once you have selected the intended element. If you already got the style value you can use RegEX to get the url.

attribute.value.match(new RegEx("'(.*?)'"))[0];

answered Mar 11, 2015 at 16:32

DonO

1,0901 gold badge13 silver badges27 bronze badges

Collectives™ on Stack Overflow

Get background-image url using xpath

2 Answers 2

1 Comment

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

1 Comment

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related