javascript - 在另一个类中找到一个类并执行一些浏览器操作

Question

我试图找到一个特定的类 (profileCard)，然后检查该类中是否有不同的类 (followStatus)。如果其中确实有 followStatus，我想单击一个也在 profileCard 类中的按钮。这是我的代码:

var profileCard = document.getElementsByClassName('ProfileCard');
var unfollowButtons = profileCard.getElementsByClassName('button-text');
var followStatus = profileCard.getElementsByClassName('FollowStatus');

for (var i = 0; i < profileCard.length; i++) {
  if (followStatus[i] != null) {
    unfollowButtons[i].click();
  }
}

我想在 Chrome 中使用这个函数，只需将它粘贴到控制台中，但代码似乎什么也没做:按钮永远不会被点击。我的代码中的错误在哪里？我该如何解决？

Answer 1

用起来更方便querySelector在 .profileCards 元素中循环的方法:

var profileCards = document.querySelectorAll('.ProfileCard');

for (var i = 0; i < profileCards.length; i++) {
    if (profileCards[i].querySelector('.FollowStatus')) {
        var button = profileCards[i].querySelector('.button-text');
        if (button) {
            button.click();
        }
    }
}