Question

所以我试图创建一个自动在linkedin中添加人员的脚本

现在在检查DOM时，有几种按钮，例如说邀请发送，消息和连接的按钮。

这是相同按钮的外观

对于具有connect的那个，它看起来像这样

<button aria-label="Connect with" data-control-name="srp_profile_actions" class="search-result__actions--primary button-secondary-medium m5" data-ember-action="" data-ember-action-6357="6357" data-is-animating-click="true">
  Connect

对于带有消息的消息，它看起来像这样

</button><button aria-label="Send message" class="message-anywhere-button button-secondary-medium search-result__actions--primary m5" data-ember-action="" data-ember-action-6352="6352">
        Message
    </button>

现在他们两个都具有data-control-name="srp_profile_actions"的区别，即连接具有此区别而消息则没有。

那么如何选择具有data-control-name="srp_profile_actions"的按钮元素？

Answer 1

一旦您可以将其用作唯一标识符，则可以执行以下操作来选择按钮。我将通过aria-label来区分它们，但是您可以根据需要使用data属性：

document.querySelector('button[aria-label="Connect with"]'); // Connect with button
document.querySelector('button[aria-label="Send message"]'); // Send message button

然后单击一个，例如，您可以如下添加click()：

document.querySelector('button[aria-label="Connect with"]').click();

尽管只是直接回答您的问题，但这将是您data属性所需要的选择器：

document.querySelector('button[data-control-name="srp_profile_actions"]').click();

选择数据控件名称

1 个答案: