Execute JavaScript querySelectorAll on especial element using Selenium

Question

According to this question I want find an element in my JavaScript code by some thing like this:

     IJavaScriptExecutor js = (IJavaScriptExecutor)driver;
     string count = 
         js.ExecuteScript(
         "return document.querySelectorAll('ul.tag-list > li.tag-item').length")
         .ToString();

And It works correctly. But I need run my JavaScript code in the special piece of the page not the whole of a document. Is it anyway?

You need to write more accurate CSS selector for that. Share your HTML. — Ratmir Asanov, Jan 07 '18 at 11:48

score 4 · Answer 1 · answered Jan 07 '18 at 11:48

Yes, you can use querySelectorAll on an element as well. So select the element (via querySelector or getElementById), then use querySelectorAll on it:

return document.querySelector('selector for the area of the page').querySelectorAll('ul.tag-list > li.tag-item').length;

You may also be able to do it with one compound selector (adding more on the left of your existing selector) depending on whether there are multiple matches for the parent container, etc.

Execute JavaScript querySelectorAll on especial element using Selenium

1 Answers1