我如何检查按钮内的文本内容。 if 语句无法识别文本

Question

Linkedin 搜索结果，所以在搜索页面上我只想连接 select 按钮。 if 语句似乎不检查 connect 是否是文本内容。

 var buttons = document.getElementsByClassName('artdeco-button artdeco-button--2 artdeco-button--secondary ember-view') for (var i = 0; i < buttons.length; i++) { console.log(buttons[i].textContent) if (buttons[i].textContent == 'Connect') { console.log(i) } }

 <button aria-label="Invite x to connect" id="ember82" class="artdeco-button artdeco-button--2 artdeco-button--secondary ember-view"><!----> <span class="artdeco-button__text"> Connect </span></button>

结果connect 不应该有相应的 i 吗？

Answer 1

您正在对字符串"Connect"执行完全匹配，但该字符串失败，因为示例中的textContent还包含一堆空格。

您可以在测试之前使用String.prototype.trim()将其删除。

 var buttons = document.getElementsByClassName('artdeco-button artdeco-button--2 artdeco-button--secondary ember-view') for (var i = 0; i < buttons.length; i++) { console.log(buttons[i].textContent) if (buttons[i].textContent.trim() == 'Connect') { console.log(i) } }

 <button aria-label="Invite x to connect" id="ember82" class="artdeco-button artdeco-button--2 artdeco-button--secondary ember-view"><!----> <span class="artdeco-button__text"> Connect </span></button>

Answer 2

我不知道你在找什么，但它就在这里。 我使用的跨度评估器比按钮 class （您可以使用按钮类但跨度只是减少代码行）

 var buttons = document.getElementsByClassName(
'artdeco-button__text'
)

  for (var i = 0; i < buttons.length; i++) {
    if (buttons[i].textContent.trim() == 'Connect') {
      console.log(i);
      console.log(buttons[i]);
    }
    
  }