javascript - Chrome 控制台 Javascript "Cannot read property ' 点击“未定义”

Question

我一直在尝试创建一个脚本来收藏 etsy 商店中的所有商品

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

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

“未捕获类型错误:无法读取未定义的属性“单击” 于 :3:11"

我认为这应该有效吗？除了使用 selenium 等自动化工具之外，我不知道还有什么方法可以在我登录的网站上运行 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

您使用了错误的方法来获取元素，请尝试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();
});