JavaScript按钮单击[重复]

Question

我在编写用于通过 javascript 控制台点击网站上的按钮的脚本时遇到了一些麻烦（请原谅我，我完全是个 js 菜鸟）。

我必须关注：

let FollowBtn35 = document.querySelector("#content > div.container > div > div.b-fans__container > div.b-users__list > div:nth-child(35) > div > div.g-btn__group > div > span")
FollowBtn35.click()
let FollowBtn37 = document.querySelector("#content > div.container > div > div.b-fans__container > div.b-users__list > div:nth-child(37) > div > div.g-btn__group > div > span")
FollowBtn37.click()
let FollowBtn38 = document.querySelector("#content > div.container > div > div.b-fans__container > div.b-users__list > div:nth-child(38) > div > div.g-btn__group > div > span")
FollowBtn38.click()

这只适用于第一行，所以 FollowBtn35 和其余的它什么都不做。有谁知道为什么这可能或能够为我指明正确的方向？

我想从脚本中实现的是复制点击一个按钮然后暂停然后点击另一个按钮等等，如果可能的话，网页上的 1000 个按钮。

已建议以下内容，但返回身份不明：

常量按钮 = document.querySelectorAll('g-btn__group')

buttons.forEach((btn​​)=> {btn.addEventListener('click',function (e) {const elm = e.target console.log(elm.value) // 做点什么... }, false )})

任何帮助都将不胜感激，如果需要，我什至愿意付费，这就是这样做的重要性

Answer 1

你可以使用这个语法：

const buttons = document.querySelectorAll('btn-all')

buttons.forEach((btn)=> {
    btn.addEventListener('click', function (e) {
        const elm = e.target
        console.log(elm.value)
    }, false)
})

Answer 2

你可以这样试试。

const buttons = document.querySelectorAll('g-btn__group')

buttons.forEach((btn)=> {
    btn.addEventListener('click', function (e) {
        const elm = e.target
        console.log(elm.value)
        // Do something... 
    }, false)
})