网页Console操作

发表于 2019-03-29 更新于 2020-05-11 分类于 Web ， Console 阅读次数： Valine：
本文字数： 613 阅读时长 ≈ 1 分钟

按钮点击事件模拟

根据 class 属性

1
2
3

var e = document.createEvent("MouseEvents");
e.initEvent("click", true, true);
document.getElementsByClassName("class_id")[0].dispatchEvent(e);

根据 id 属性

1	document.getElementById(id).click();

批量勾选选框

最直接的方法是抓取所有的输入，只过滤复选框，并设置checked属性。

var allInputs = document.getElementsByTagName("input");
for (var i = 0, max = allInputs.length; i < max; i++){
    if (allInputs[i].type === 'checkbox')
        allInputs[i].checked = true;
}

或以下两种方法进行全选。

1 2	$("input[type='checkbox']").prop("checked", true); $(":checkbox").prop("checked", true);