如果页面上有一个特定的元素,通过 Javascript 用户脚本点击另一个元素?
If there is a specific element on the page, click on another element via Javascript userscript?
我正在尝试找出一种方法来自动单击具有特定 class 的网页上的按钮,但前提是页面上存在另一个具有不同的特定 [=33] 的元素=].
我想象的方式是:1) 我加载页面 2) 脚本检查特定元素(通过 class) 3) 如果 element/class 存在,则另一个指定元素被点击。
在这样做的过程中,我想我会使用 HTML DOM querySelector() 方法,方法是对给定元素使用 HTML 页面中的 classes。
因此,如果页面上存在以下 class:
<span class="dashboardIcon dashboardIconFeatured">
我想点击这个元素 class:
<a class="surveyClicked markClicked">
这是我目前的代码:
document.querySelector(".dashboardIcon.dashboardIconFeatured");
document.querySelectorAll(".surveyClick.markClicked")[0].click();
这两行代码在控制台中独立运行。我遇到的麻烦是将它们放在一起并确保第二行代码仅在满足第一个条件时运行 - class dashboardIcon dashboardIconFeatured 存在。这似乎是一个可能很容易解决的问题,但我缺乏 JavaScript 经验和不熟悉语法,这让我很受打击。
我们将不胜感激任何帮助!干杯。
这样试试
var isMobileVersion = document.getElementsByClassName('dashboardIcon dashboardIconFeatured');
if (isMobileVersion.length > 0) {
console.log("element exists");
document.getElementsByClassName("surveyClicked markClicked")[0].click();
}
function func(){
console.log("clicked");
}
<span class="dashboardIcon dashboardIconFeatured">
<a class="surveyClicked markClicked" onclick="func()">
我正在尝试找出一种方法来自动单击具有特定 class 的网页上的按钮,但前提是页面上存在另一个具有不同的特定 [=33] 的元素=].
我想象的方式是:1) 我加载页面 2) 脚本检查特定元素(通过 class) 3) 如果 element/class 存在,则另一个指定元素被点击。
在这样做的过程中,我想我会使用 HTML DOM querySelector() 方法,方法是对给定元素使用 HTML 页面中的 classes。
因此,如果页面上存在以下 class:
<span class="dashboardIcon dashboardIconFeatured">
我想点击这个元素 class:
<a class="surveyClicked markClicked">
这是我目前的代码:
document.querySelector(".dashboardIcon.dashboardIconFeatured");
document.querySelectorAll(".surveyClick.markClicked")[0].click();
这两行代码在控制台中独立运行。我遇到的麻烦是将它们放在一起并确保第二行代码仅在满足第一个条件时运行 - class dashboardIcon dashboardIconFeatured 存在。这似乎是一个可能很容易解决的问题,但我缺乏 JavaScript 经验和不熟悉语法,这让我很受打击。
我们将不胜感激任何帮助!干杯。
这样试试
var isMobileVersion = document.getElementsByClassName('dashboardIcon dashboardIconFeatured');
if (isMobileVersion.length > 0) {
console.log("element exists");
document.getElementsByClassName("surveyClicked markClicked")[0].click();
}
function func(){
console.log("clicked");
}
<span class="dashboardIcon dashboardIconFeatured">
<a class="surveyClicked markClicked" onclick="func()">