how to fetch `style="background-image: url` using selenium webDrive?

Question

I grabbed this element using selenium webDrive:

<div class="body" style="background-image: url('http://d1oiazdc2hzjcz.cloudfront.net/promotions/precious/2x/p_619_o_6042_precious_image_1419849753.png');">

how can I fetch the value: http://d1oiazdc2hzjcz.cloudfront.net/promotions/precious/2x/p_619_o_6042_precious_image_1419849753.png ?

I'm not sure as this is an inner value, and not just an "src" attribute.

possible duplicate of stackoverflow.com/questions/14013131/… — Vitorino fernandes
– Vitorino fernandes, Commented Dec 29, 2014 at 12:15
I hope you are looking selenium-java combination answer.please remove the javascript tag people are answering in javascript — ra_sangeeth
– ra_sangeeth, Commented Dec 29, 2014 at 12:20

ra_sangeeth · Accepted Answer · 2014-12-29 12:27:00Z

7

getCssValue(); will help you

 WebElement img = driver.findElement(By.className('body'));
 String imgpath = img.getCssValue("background-image");

then you can split the unwanted string "url('"

PS : Remove the javascript tag in your question

answered Dec 29, 2014 at 12:27

ra_sangeeth

4673 silver badges13 bronze badges

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

2 Comments

Elad Benda2 Over a year ago

how can I fetch with regex the url itself? url('http://d1oiazdc2hzjcz.cloudfront.net/promotions/precious/2x/p_619_o_6042_precious_image_1419849753.png');">

ra_sangeeth Over a year ago

regexguru.com/2008/11/detecting-urls-in-a-block-of-text this may help you!

Sudharsan S · Accepted Answer · 2014-12-29 12:13:28Z

4

Try this

var imgString = $(".body").css('background-image');
console.log (imgString.split("(")[1] // remove open bracket
                      .split(")")[0] // remove close bracket
             );

Fiddle

answered Dec 29, 2014 at 12:13

Sudharsan S

15.4k4 gold badges34 silver badges51 bronze badges

7 Comments

ji-ruh Over a year ago

v=element(By.css('.icon.delete')); v.getCssValue("background-image").then (x) -> console.log x

Sudharsan S Over a year ago

what language is this? I didn't get ??

Sudharsan S Over a year ago

I am giving the answer in the way of jquery

Sudharsan S Over a year ago

this is not suitable for your question

Sudharsan S Over a year ago

@ji-ruh - The OP tagged javascript on time of posting the question. SO i answered in javascript, Yup later he untag the javascript \

|

Saurav Rai · Accepted Answer · 2021-11-28 17:49:20Z

0

You can try the following

some_variable=self.driver.find_element_by_xpath("//div[@class='body' and contains(@style,'url')]")
some_variable2=some_variable.get_attribute('style')

edited Nov 28, 2021 at 17:49

Saurav Rai

2,1971 gold badge17 silver badges31 bronze badges

answered Nov 28, 2021 at 15:24

Nitesh Singh

313 bronze badges

Collectives™ on Stack Overflow

how to fetch `style="background-image: url` using selenium webDrive?

3 Answers 3

2 Comments

7 Comments

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

2 Comments

7 Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related