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

我试图找到一个特定的类( 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 中使用此功能，只需将其粘贴到控制台中，但代码似乎什么也没做:按钮从未被点击。我的代码中的错误在哪里，我该如何解决？

最佳答案

在 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();
        }
    }
}

关于javascript - 在另一个类中找到一个类并执行一些浏览器操作，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/32170659/