Selenium, JavaScript: Extract Element CSS from Active Element

Question

Basically, I want to be able to grab the CSS of the currently active element, so that I can pass that over to the abstraction library that we have, meaning we can use all of the functionality that we've added into our library with the active element.

We can get the active element in WebDriver form using:

driver.switchTo().activeElement();

Is there a way of getting the elements css somehow, without iterating over the numerous possibilities of tags, attributes and parent elements for whatever the active element may be? Or will I have to do a huge amount of looping in order to build up the css?

When you say CSS, do you mean the CSS selector or the CSS properties of the active element? — GPT14
– GPT14, Commented May 30, 2018 at 15:35
driver.switchTo().activeElement(); returns an object of the type WebElement. Passing this WebElement directly to your abstraction library would be simpler than reverse engineering a CSS selector from it. — GPT14
– GPT14, Commented May 30, 2018 at 15:48
I guess I could implement a way to include a web element or a locator... That would definitely work, and would definitely mean less code than trying to reverse engineer the CSS selector. If you post that as an answer, I'll be happy to accept and upvote it. — kfairns
– kfairns, Commented May 30, 2018 at 15:52

GPT14 · Accepted Answer · 2018-05-30 15:53:48Z

1

driver.switchTo().activeElement(); returns an object of the type WebElement. Passing this WebElement directly to your abstraction library would be simpler than reverse engineering a CSS selector from it.

answered May 30, 2018 at 15:53

GPT14

8196 silver badges13 bronze badges

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

Collectives™ on Stack Overflow

Selenium, JavaScript: Extract Element CSS from Active Element

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related