CefSharp - Get Value of HTML Element

Question

How can I get the value of an HTML element with CefSharp?

I know how to do with this default WebBrowser Control:

Dim Elem As HtmlElement = WebBrowser1.Document.GetElementByID("id")

But I didn't find anything similar for CefSharp. The main reason I am using CefSharp is because part of the website is using iframes to store the source and default WebBrowser doesn't support it. Also, does CefSharp have an option to InvokeMember or similar call?

I'm using the latest release of CefSharp by the way.

Vallombrosa

You have to cast the document to MSHTML.IHTMLDocument2, if I recall correctly. – Penneypenni

Read the CefSharp FAQ for starters. You need to remember it's not a likely for like replacement for the built in control. – Ousel

have you tried HtmlElement Elem = webBrowser1.Document.GetElementById("id"); – Demonstrable

Answer 1

There is a really good example of how to do this in their FAQ.

https://github.com/cefsharp/CefSharp/wiki/Frequently-asked-questions#2-how-do-you-call-a-javascript-method-that-return-a-result

Here is the code for the lazy. Pretty self explanatory and it worked well for me.

string script = string.Format("document.getElementById('startMonth').value;");
browser.EvaluateScriptAsync(script).ContinueWith(x =>
        {
            var response = x.Result;

            if (response.Success && response.Result != null)
            {
            var startDate = response.Result;
            //startDate is the value of a HTML element.
        }      
    });

Cornuted

Have you tested this? – Unfortunate

I have never managed to get browser.EvaluateScriptAsync(script) to work yet. browser.GetMainFrame.ExecuteJavascriptAsync(script) i have. – Unfortunate

await _browser.GetMainFrame().EvaluateScriptAsync(script).ContinueWith(x => { var response = x.Result; if (response.Success) { //do ur stuff } }); worked for me, otherwise here is the official doc – Bianca

I think it is confusing because the full name of the property is x.Result.Result – Toft

Answer 2

this is the only way that worked for me, version 57.0.0.0..

((CefSharp.Wpf.ChromiumWebBrowser)chromeBrowser).FrameLoadEnd += Browser_FrameLoadEnd;

....

async void Browser_FrameLoadEnd(object sender, CefSharp.FrameLoadEndEventArgs e)
    {            
        Console.WriteLine("cef-"+e.Url);

        if (e.Frame.IsMain)
        {                 
            string HTML = await e.Frame.GetSourceAsync();               
            Console.WriteLine(HTML);
        }
    }

Islam

Answer 3

This worked for me. You can modify it by yourself.

private async void TEST()
{
    string script = "document.getElementsByClassName('glass')[0]['firstElementChild']['firstChild']['wholeText']";
    JavascriptResponse response = await browser.EvaluateScriptAsync(script);
    label1.Text = response.Result.ToString();
}

Maybe this can do your job.

private async void TEST()
{
    string script = "Document.GetElementByID('id').value";
    JavascriptResponse response = await browser.EvaluateScriptAsync(script);
    string resultS = response.Result.ToString(); // whatever you need
}

Admonish

Answer 4

With CefSharp,you can get elements' value by javascript.

For example,

m_browser.ExecuteScriptAsync("document.GetElementById('id1');");

About javascript,you can learn it from w3s.

And I think you should read this passage.

Have fun.

Clitoris

This does not return any value. – Eugenieeugenio

Answer 5

string script = @"document.getElementById('id_element').style;";
browser.EvaluateScriptAsync(script).ContinueWith(x=> {
    var response = x.Result;
    if (response.Success && response.Result != null)
    {
        System.Dynamic.ExpandoObject abc = (System.Dynamic.ExpandoObject)response.Result;
        foreach (KeyValuePair<string,object> item in abc)
        {
            string key = item.Key.ToString();
            string value = item.Value.ToString();
        }
    }
});

It working for me.

Leclerc