网页自动点击脚本_leet code 网页脚本自动化

最新推荐文章于 2025-03-13 15:31:05 发布

weixin_39568133

最新推荐文章于 2025-03-13 15:31:05 发布

阅读量7.7k

点赞数 1

文章标签：网页自动点击脚本自动刷新网页脚本

这篇博客探讨了如何使用JavaScript在Chrome环境中进行自动化操作，特别是针对元素的定位和点击事件的模拟。通过`getElementsByClassName`获取元素并利用`dispatchEvent`触发点击事件，实现对网页元素的选择与取消选择。文章提供了多个示例，包括点击按钮和选择特定标签，强调了在自动化操作中准确定位元素的重要性。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

工具是 chrome:

例子一:

从

到

let pp = document.getElementsByClassName("filter-dropdown-button");
pp[0].click();

chrome console 代码:

let btn = document.getElementsByClassName("filter-dropdown-button");          
// undefined
btn[0].click();
// ƒ click() { [native code] }

Chrome Snippets:

Snippets Support?stackoverflow.com

第二种方法:

function dispatch(el, type){
        try{
            var evt = document.createEvent('Event');
            evt.initEvent(type,true,true);
            el.dispatchEvent(evt);
        }catch(e){alert(e)};
    }

    
    var btn1 = document.getElementsByClassName("filter-dropdown-button")[0];  

    dispatch(btn1, 'click');

例子 2 : 选中与取消选中 tag: array

function dispatch(el, type){
        try{
            var evt = document.createEvent('Event');
            evt.initEvent(type,true,true);
            el.dispatchEvent(evt);
        }catch(e){alert(e)};
    }

    
    var btn1 = document.getElementsByClassName("filter-dropdown-menu-item")[0];  

    dispatch(btn1, 'click');

选中

取消选中

例子 3，选中 tag : Tree

function dispatch(el, type){
        try{
            var evt = document.createEvent('Event');
            evt.initEvent(type,true,true);
            el.dispatchEvent(evt);
        }catch(e){alert(e)};
    }

    
    var divs = document.getElementsByClassName("filter-dropdown-menu-item");  
    console.log(divs.length);
    for (var i = 0; i < divs.length; i++){
         console.log(divs[i].children.length);
         console.log(divs[i].children[1]);
         
         if (divs[i].children[1].textContent == "Tree"){
             dispatch(divs[i], 'click');
             break;
         }
    }

通过查找标签的名字，找到具体是哪一个 tag,

然后模拟点击

所谓类型错误:

Uncaught TypeError: Cannot read property of undefined
JavaScript TypeError is thrown when an operand or argument passed to a function is incompatible with the type expected by that operator or function. This error occurs in Chrome Browser when you read a property or call a method on an undefined object . There are a few variations of this error depending on the property you are trying to access. Sometimes instead of undefined it will say null.

Uncaught TypeError: Cannot read property of undefined In JavaScriptnet-informations.com

浏览器自动化操作大体分为两步——定位和操作，

而其中最重要的是定位，

因为定位是最困难的

并且只有定位到了想要的位置才能进行后续的操作。