Js&脚本

JS&脚本-获取节点,操作节点

2022-07-09  本文已影响0人  Observer_观者

脚本

Greasy Fork官网地址

脚本格式

// ==UserScript==
// @name         脚本名称
// @namespace    命名空间,用来区分和其他同名脚本
// @version      版本号
// @description  功能介绍
// @author       作者
// @match        匹配的网址
// ==/UserScript==

//js 代码块
(function() {
    'use strict';

    // Your code here...
})();

脚本元数据详解1
脚本元数据详解2

例子,修改百度首页,百度一下按钮的显示文字,事件,屏蔽多余的信息

// ==UserScript==
// @name         百度测试插件
// @namespace    https://www.jianshu.com/u/8235c448465b
// @version      0.1
// @description  修改百度首页按钮,删除底部多余信息
// @author       观者
// @match        *www.baidu.com/*
// @grant        none
// ==/UserScript==


(function() {
    'use strict';

    // Your code here...
    //获取 百度一下 的按钮
    var su = document.getElementById("su");
    //改变 百度一下 的值
    su.value = "百度两下-v-";
    su.addEventListener("click", baidu)

    //获取百度首页下半部分
    var bom = document.getElementById("s_wrap");
    //删除里面的所有节点
    bom.parentNode.removeChild(bom)

    function baidu(){
        //拿到百度输入框的值
        var kw = document.getElementById("kw").value;
        window.alert(kw);
    }
})();

原百度首页样式

555.png

加载脚本插件之后的样式

77777.png
88888.png
上一篇 下一篇

猜你喜欢

热点阅读