今天写一个软件然后就是判断选择视频后视频是否上传成功的问题,也就是说<div class="text--7Ii7o">重新上传</div>这个元素是上传成功后才会出现的,然后我就需要用JS一直判断当前页面是否出现这个元素如果出现的话就返回1,未出现就返回0,下面是案例代码,而且用了正则,因为“7Ii7o”是随机的。
function findAndClickDivWithText() {
// 使用querySelectorAll查找所有div元素
let divs = document.querySelectorAll('div');
// 初始化一个变量来标记是否找到并点击了符合条件的元素
let matched = false;
// 遍历所有找到的div元素
divs.forEach(div => {
// 检查div的文本内容是否包含"重新上传",并且class属性是否符合条件:以text--开头
if (div.innerText.includes("重新上传") && /text--\w+/.test(div.className)) {
// 打印匹配成功
console.log('匹配成功');
// 点击该元素
div.click();
// 更新标志变量
matched = true;
// 找到匹配元素后,没有必要继续遍历,但在forEach中不能中断,所以仅设置matched为true
}
});
// 根据是否找到匹配元素返回1或0
return matched ? 1 : 0;
}
findAndClickDivWithText(); // 调用函数
|