How to find an element by searching with InnerHTML using C# and Selenium

Question

I want to get a particular element id by searching for a matching innerHTML string. For example I want to find the element id that has the innerHTML "Start of Car".

enter image description here

public static bool SelectSomething(IWebDriver driver, string searchName)
{
    var js = driver as IJavaScriptExecutor;
    if (js == null) return false;
    var element = (string) js.ExecuteScript("...script to get the ids...");
    var x = driver.FindElement(By.Id(element));
    x.Click();
    return true;
}

I know it is possible to loop through and find all of the innerHTML using JavaScript but how do you return the id once you find innerHTML that matches the 'searchName' string?

Why does a simple .Text not work?

Arran
– Arran

2014-04-22 10:26:52 +00:00
Commented Apr 22, 2014 at 10:26 — Arran
– Arran, Commented Apr 22, 2014 at 10:26
I haven't considered that...where would .Text go?

Jonathan Kittell
– Jonathan Kittell

2014-04-22 21:34:24 +00:00
Commented Apr 22, 2014 at 21:34 — Jonathan Kittell
– Jonathan Kittell, Commented Apr 22, 2014 at 21:34

Jay Blanchard · Accepted Answer · 2014-04-21 20:21:34Z

2

Using jQuery it is simple, just use :contains - https://api.jquery.com/contains-selector/

http://jsfiddle.net/jayblanchard/5UvFE/

var found = $("td:contains('Start of Car')").attr('id');

This allows you to return the ID of the element in question.

Alternatively here is a way to do it with just JavaScript -

function textID(node, text) {
    if (node.nodeValue == text) {
        return node.parentNode;
    }

    for (var i = 0; i < node.childNodes.length; i++) {
        var returnValue = textID(node.childNodes[i], text);
        if (returnValue != null) {
            return returnValue;
        }
    }

    return null;
}

http://jsfiddle.net/jayblanchard/5UvFE/1/

edited Apr 21, 2014 at 20:21

answered Apr 21, 2014 at 20:06

Jay Blanchard

34.5k17 gold badges82 silver badges130 bronze badges

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

Collectives™ on Stack Overflow

How to find an element by searching with InnerHTML using C# and Selenium

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