利⽤浏览器console控制台实现JS⽹页点击
利⽤浏览器console控制台实现JS⽹页点击
RecordInLife 2020-10-13 16:35:16 3086 收藏 9
⽂章标签： JavaScript
版权
适⽤场景：需要⽹页中的某个页⾯中选择N多个特定的元素，然后对他们依次点击（⽐如选中）。
1、根据页⾯中DOM元素分析页⾯的结构出共同点，⽅便定位元素
除了JS中常⽤的ElementById(“id值”)、ElementsByTagName(“标签名”)…之外，他们都⽐较限定，有没其他的⽅式根据⾃定义属性去获取元素？
⽐如：
<input type="checkbox" name="hobby1">爱好1--游泳<br/>
<input type="checkbox" name="hobby2">爱好2--唱歌<br/>
js控制滚动条<input type="checkbox" name="hobby1">爱好1--阅读<br/>
<input type="checkbox" name="hobby1">爱好1--游戏<br/>
<input type="checkbox" name="hobby2">爱好2--编程<br/>
<input type="checkbox" name="hobby1">爱好1--write<br/>
<input type="checkbox" name="hobby3">爱好3--tik tok<br/>
<input type="checkbox" name="hobby2">爱好2--刷抖⾳<br/>
<input type="checkbox" name="hobby1">爱好1--呦呵<br/>
想要定位到 input标签中name属性为hobby2的标签，如何实现？
# 原⽣js
//document.querySelector("input[name='hobby2']") ---这种只能查到第⼀个元素
document.querySelectorAll("input[name='hobby2']") //这能查所有
# jquery
$("input[name='hobby2']")
2、为到的元素实现点击事件
# 原⽣js
var objs = document.querySelectorAll("input[name='hobby2']");
//不使⽤定时器实现点击
objs[1].click();
//使⽤定时器实现⼀次点击
var o = setTimeout(objs[2].click(),5000);
//使⽤定时器实现连续输出
setInterval(function(){console.log(1)},1000)
# jquery
$(objs[1]).click();
效果图：
例如：
如果复杂的
//    $(ElementsByTagName("iframe")[2]).contents().find("#s_filter_frame")[0].ElementById("o_id").value = "设置的input值"

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。