2.油猴—获取元素

浅若红尘

已于 2023-06-23 12:53:38 修改

阅读量676

点赞数

分类专栏：油猴脚本开发文章标签： javascript

于 2023-06-23 09:10:42 首次发布

本文链接：https://blog.csdn.net/m0_62247560/article/details/131347449

版权

油猴脚本开发专栏收录该内容

3 篇文章 0 订阅

订阅专栏

这两段代码演示了如何使用XPath和CSS选择器通过Tampermonkey脚本来改变网页元素的颜色。第一个脚本将百度搜索页面的特定文字变为红色，第二个脚本则将百度首页的背景设为绿色。

摘要由CSDN通过智能技术生成

教学视频https://space.bilibili.com/519965290?spm_id_from=..0.0

通过xpath获取元素

// ==UserScript==
// @name       百度文字变色
// @namespace    http://tampermonkey.net/
// @version      0.1
// @description  更改百度首页下文字的颜色
// @author       浅若红尘
// @match        *://www.baidu.com/*
// @icon         data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==
// @grant        none
// ==/UserScript==


(function() {
    'use strict';
    var p=document.evaluate('/html/body/div[1]/div[1]/div[5]/div/div/div[3]/ul/li[1]/a/span[2]',document).iterateNext();
    p.style.color='red';
    // Your code here...
})();

效果

通过id或class获取元素

// ==UserScript==
// @name       百度背景颜色
// @namespace    http://tampermonkey.net/
// @version      0.1
// @description  更改百度首页背景颜色
// @author       浅若红尘
// @match        *://www.baidu.com/*
// @icon         data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==
// @grant        none
// ==/UserScript==


(function() {
    'use strict';
    var p=document.querySelector('.cos-pc');
    p.style.backgroundColor='green';
    // Your code here...
})();

效果