油猴 点击某个元素后元素消失
要实现在油猴脚本中点击某个元素后元素消失的效果,你可以使用以下步骤:
- 使用
addEventListener函数或其他方法添加点击事件监听器到目标元素上。 - 在点击事件处理函数中,使用
style.display属性将目标元素的显示设置为none,或者使用remove方法将目标元素从DOM中移除。
下面是一个示例代码:
// ==UserScript==
// @name 油猴点击元素后消失
// @namespace your-namespace
// @version 1.0
// @description 点击某个元素后该元素消失的油猴脚本
// @match https://example.com/*
// @grant none
// ==/UserScript==
(function() {
'use strict';
// 获取目标元素
var targetElement = document.getElementById('target-element');
// 添加点击事件监听器
targetElement.addEventListener('click', function() {
// 设置目标元素的显示为none,或者从DOM中移除
targetElement.style.display = 'none';
// 或者使用下面的代码从DOM中移除元素
// targetElement.remove();
});
})();
在上面的代码中,我们假设目标元素的id是target-element,你需要将其替换为你实际使用的元素id。
你可以将上述代码保存为一个用户脚本文件(以.user.js为扩展名),然后使用油猴或其他用户脚本管理器加载该脚本。当你在匹配的网页上点击目标元素时,该元素将会消失
原文地址: https://www.cveoy.top/t/topic/imr7 著作权归作者所有。请勿转载和采集!