DOMException: Failed to execute 'querySelector' on 'Document'

[saddomik]

Hi! I want to press this button:

var btnTest = await ctx.QuerySelectorAsync<HtmlButtonElement>("#1461173234025-3129f8602eccbe259104553afa8415434b4581-02de_1461173234023-2568f8602eccbe259104553afa8415434b458-10ad");

I get an error:

System.Reflection.TargetInvocationException: "Exception has been thrown by the target of an invocation."

What am I doing wrong? Help please

URL gointerract.io >

[amaitland]

What am I doing wrong?

As per the error message, your selector (#1461173234025-3129f8602eccbe259104553afa8415434b4581-02de_1461173234023-2568f8602eccbe259104553afa8415434b458-10ad) is not valid in the context of document.querySelector.

Run the following in the DevTools Console and you'll get the same exception.

document.querySelector('#1461173234025-3129f8602eccbe259104553afa8415434b4581-02de_1461173234023-2568f8602eccbe259104553afa8415434b458-10ad');

Whilst the ID is valid, a CSS Id selector cannot start with a number. See https://stackoverflow.com/a/37271406/4583726 for more detail.

You'll need to use document.getElementById instead. There is no API method for that yet as querySelector is generally preferred, you can use something like the following though:

var btnTest = await ctx.EvaluateFunctionHandleAsync<HtmlButtonElement>("document.getElementById('1461173234025-3129f8602eccbe259104553afa8415434b4581-02de_1461173234023-2568f8602eccbe259104553afa8415434b458-10ad')");