"油猴脚本:点击元素后隐藏或移除元素"\n\n本文介绍如何在油猴脚本中实现点击元素后隐藏或移除元素的效果。使用 JavaScript 的 addEventListener 函数添加点击事件监听器,并通过 style.display 或 remove 方法控制元素的显示状态。\n\n要实现在油猴脚本中点击某个元素后元素消失的效果,你可以使用以下步骤:\n\n1. 使用addEventListener函数或其他方法添加点击事件监听器到目标元素上。\n2. 在点击事件处理函数中,使用style.display属性将目标元素的显示设置为none,或者使用remove方法将目标元素从DOM中移除。\n\n下面是一个示例代码:\n\njavascript\n// ==UserScript==\n// @name 油猴点击元素后消失\n// @namespace your-namespace\n// @version 1.0\n// @description 点击某个元素后该元素消失的油猴脚本\n// @match https://example.com/*\n// @grant none\n// ==/UserScript==\n\n(function() {\n 'use strict';\n\n // 获取目标元素\n var targetElement = document.getElementById('target-element');\n\n // 添加点击事件监听器\n targetElement.addEventListener('click', function() {\n // 设置目标元素的显示为none,或者从DOM中移除\n targetElement.style.display = 'none';\n // 或者使用下面的代码从DOM中移除元素\n // targetElement.remove();\n });\n})();\n\n\n在上面的代码中,我们假设目标元素的id是target-element,你需要将其替换为你实际使用的元素id。\n\n你可以将上述代码保存为一个用户脚本文件(以.user.js为扩展名),然后使用油猴或其他用户脚本管理器加载该脚本。当你在匹配的网页上点击目标元素时,该元素将会消失。


原文地址: https://www.cveoy.top/t/topic/p4sk 著作权归作者所有。请勿转载和采集!

免费AI点我,无需注册和登录