Chrome控制台Javascript“无法读取未定义的属性'click'”

Question

我一直在尝试创建一个脚本，以收藏一个时髦商店中的所有商品

 var buttons = document.getElementsByName('favorite-container'); for(var i = 0; i <= buttons.length; i++) buttons[i].click(); 

但是，当我尝试在Chrome的开发者控制台中运行脚本时遇到此错误

“未捕获的TypeError：无法读取在3:11时未定义的属性'click'”

我认为这应该可行吗？ 除了使用硒之类的自动化工具外，我不知道在登录的网站上运行Javascript的替代方法

---

回应第一则评论

 <div class="favorite-container" data-listing-id="547704515"> <button type="button" class="btn-fave done" data-source="casanova-shop-featured" aria-pressed="true"> <!--icon font and display:none; elements --> <span aria-hidden="true" class="icon"></span> <span class="screen-reader-only default"> Favourite </span> <span class="screen-reader-only done remove"> Favourited </span> <span class="ie-fix">&nbsp;</span> </button> </div> 

Answer 1

您正在使用错误的方法获取Elements，请尝试document.getElementsByClassName

var buttons = document.getElementsByClassName("favorite-container");
for(var i = 0; i < buttons.length; i++)  {
    buttons[i].click();
}

或者您可以像这样使用JQuery：

$(".favorite-container").each(function(){
    $(this).click();
});