找不到带有document.querySelector的标签链接

时间:2019-09-28 16:03:02

标签: javascript html queryselector atag

我正在尝试找到一个包含以下内容的链接:ng-click="showModal()"并具有innerText:1122334455

我尝试使用下面的代码,但是找不到链接(atag)。我不确定使用document.querySelector的代码行可能是什么问题? (那是问题所在)

标记所在位置的HTML代码,如下所示:

<td class="col-reservation-id text-center">
  <span class="overflow-text">
    <a class="highlight" ng-click="showModal()">1122334455</a>
  </span>
</td>

C#/ javascript代码以找到上述标签

public async Task<bool> clicklink(ChromiumWebBrowser browser)
{
    String atag = "document.querySelector('" + "a[ng-click=" + '"' + "showModal()" + '"' + "].innerText === '1122334455'" + "')";

    String clickinputscript = atag + ".focus(); " +
                              atag + ".click(); ";

    bool success = false;
    try
    {
        success = (await browser.GetMainFrame().EvaluateScriptAsync(clickinputscript)).Success;
    }
    catch (Exception ex) { success = false; }
    return success;
}

2 个答案:

答案 0 :(得分:2)

您不能将JS代码放在document.querySelector的查询字符串中。

选择后必须执行此操作。为此,请改用document.querySelectorAllfor循环:

for(const element of document.querySelectorAll('a[ng-click="showModal()"]').values()){
  if(element.innerText === '1122334455'){
    element.focus()
    element.click()
    break
  }
};

或者,转换为C#-land:

String clickinputscript = "for(const element of document.querySelectorAll('a[ng-click=" + '"showModal()"'+"]').values()){if(element.innerText === '1122334455'){element.focus();element.click();break;};};";

答案 1 :(得分:-1)

可能是因为ng-click不是适当的html属性,请尝试按id或class查找它:)