policewang 发表于 2023-8-24 11:46
还是没看懂是什么元素，上下文看了，也查了网页源码，没找到这个元素是哪个啊 ...
我也不懂。。。你在那里看到的？
王一之 发表于 2023-8-24 11:50
我也不懂。。。你在那里看到的？
!(data/attachment/forum/202308/24/115429s0rt2o2xm94ztfeb.png)
论坛登陆源码这里。
policewang 发表于 2023-8-24 11:55
!(data/attachment/forum/202308/24/115429s0rt2o2xm94ztfeb.png)
论坛 ...
可能已经发送改变了，现在我也找不到
@李恒道
王一之 发表于 2023-8-24 13:46
可能已经发送改变了，现在我也找不到
@李恒道
已经改变了，我晚上写个新例子
policewang 发表于 2023-8-24 11:55
!(data/attachment/forum/202308/24/115429s0rt2o2xm94ztfeb.png)
论坛 ...
您好，是我们这个论坛吗
我经过测试例子还是好使的
本帖最后由 kfab 于 2023-8-28 17:43 编辑
> 本帖最后由 kfab 于 2023-8-28 17:17 编辑
> [王一之 发表于 2023-6-30 10:15](forum.php?mod=redirect&goto=findpost&pid=64206&ptid=91)
> > 可以看看这一篇文章，:nth-child()选择器
[油猴脚本开发指南]querySelector与css选择器入门
相同class的选择难住我好久，今天用ublock的选择元素过滤解决了。
虽然对我来说是个黑箱，但是想写的脚本算是可以进行下去了。
但是遇到了新的问题：控制台测试对目标文本框输入ok,但是放到脚本里就没反应。
!(data/attachment/forum/202308/28/165304np47zqft88wrky71.jpg)
这个界面，本来是这个样子的
!(data/attachment/forum/202308/28/165330k84zpojt9dvw0cx9.jpg)
在控制台测试输入是可以的
!(data/attachment/forum/202308/28/165351iwzbnsnzwofgoy8d.jpg)
但是放脚本就没反应了。
```
// ==UserScript==
// @name 【添加替换规则】
// @namespace https://bbs.tampermonkey.net.cn/
// @version 0.1.0
// @descriptionreader页面添加【新增替换规则】按钮，点击替换按钮 ，添加选中文本到过滤规则页面
// @author 五味子
// @match http://192.168.1.2:8080/#/reader
// ==/UserScript==
(function() {
let btn=document.createElement("button");
btn.style.position = "fixed";
//appendChild,insertBefore,啥的不会用，就只能这样了
btn.style.bottom = "600px";
btn.style.right = "272px";
btn.style.borderRadius = "50%";
btn.style.border = "none";
btn.style.width = "36px";
btn.style.height = "36px";
btn.style.backgroundColor = "#f8f1da";
btn.style.fontSize = "18px";
btn.style.fontWeight = "light";
btn.style.boxShadow = "0px 0px 0px #888";
btn.textContent = "⇆";
btn.style.borderBlockColor = "#f8f1da";
document.body.append(btn);
btn.onclick=function(){
//复制选中内容
document.execCommand('Copy');
//点击【设置】
//document.querySelector("span:nth-of-type(4) > .el-popover__reference-wrapper > .el-popover__reference.tool-icon > .iconfont").click()
//点击过【滤规则】
//document.querySelector(".operation-zone > span.span-btn:nth-of-type(2)").click()
//再次点击【设置】=关闭设置页面
//document.querySelector("span:nth-of-type(4) > .el-popover__reference-wrapper > .el-popover__reference.tool-icon > .iconfont").click()
//点击【新增规则】
document.querySelector("div.el-dialog__wrapper:nth-of-type(5) > .el-dialog > .el-dialog__header > .custom-dialog-title > .el-dialog__title > span.span-btn.float-right:nth-of-type(1)").click()
//点击过滤规则页面的【取消】=只显示新增规则页面
//document.querySelector("div.el-dialog__wrapper:nth-of-type(5) > .el-dialog > .el-dialog__footer > .dialog-footer > .el-button--medium.el-button--default.el-button > span").click()
//【名称】文本框输入，貌似无效
document.querySelector("div.el-form-item:nth-of-type(1) > .el-form-item__content > .el-input > .el-input__inner").value="测试";
}
})();
```
到这里就写不下去了
编辑下，刚发现，虽然输入的问题还是没解决，但是可以直接点击看不到的元素，一步到位点出想要的界面，省了好几步。
再编辑下，测试发现，第一次执
document.querySelector("div.el-form-item:nth-of-type(1) > .el-form-item__content > .el-input > .el-input__inner").value="测试";
没反应，但是第二次执行就会往文本框输入，好奇怪。
kfab 发表于 2023-8-28 16:58
> 本帖最后由 kfab 于 2023-8-28 17:17 编辑
> [王一之 发表于 2023-6-30 10:15](forum.php?mod=redi ...
哥哥开个新的问答帖整理一下，我看看吧，这楼越盖越高了
开始学习！！
大佬，我是初学者，我想问一下如果这个网页没有自动登录的选项的话，有没有办法达到那种我一点进这个页面就自动输入账号密码然后登录的效果呢
本帖最后由 qinpeng407 于 2024-3-11 16:57 编辑
> 本帖最后由 qinpeng407 于 2024-3-11 16:54 编辑
各位大神，我感觉自己学会了，又感觉自己没有学会，想点击“查询”按钮，但是始终没有办法锁定。能帮忙看看吗？
网页代码：
<br>
<br>
查询
我写的是：document.querySelector('.col-sm-3 pd\_t\_10 button').click()
测试的时候一直找不到目标，显示NULL
麻烦各位大神给看一下。