美文网首页Js&脚本
JS&脚本-获取节点,操作节点

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

作者: Observer_观者 | 来源:发表于2022-07-09 16:38 被阅读0次

脚本

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

相关文章

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

    脚本 Greasy Fork官网地址[https://greasyfork.org/zh-CN] 脚本格式 脚本元...

  • 「DOM 编程」节点操作

    节点操作获取节点接口获取节点getElementByIdgetElementsByTagNamegetElemen...

  • 原生js 获取节点,操作节点,操作类名

    js中获取节点和针对节点的操作以及类名操作 获取节点 孩子节点 childNodes 获取所有子元素节点和文本节点...

  • kubectl基本命令

    设置命令自动补全 对节点的操作 获取集群节点信息 增加节点 移除节点 对节点标签进行操作 获取标签信息 添加标签 ...

  • JS学习笔记(Dom操作)

    Dom操作: 获取父节点: 获取子节点: 获取上一个兄弟节点: 获取下一个兄弟节点: 获取首尾子节点:

  • Dom操作

    操作节点 获取节点 获取子节点 更新DOM innerHTMLinnerTEXT 插入DOM appendChil...

  • 2018-04-08JQ中DOM的操作

    回顾原生DOM操作 *获取节点 *创建节点 *遍历节点 *替换节点 *删除节点 *插入节点 *复制节点 JQ中的...

  • DOM文档树

    节点操作 获取节点 getElementById element = document.getElementByI...

  • Day23——jQuery

    一、导入jQuery 二、节点操作 1. 获取节点 2. 创建节点 3. 添加节点 4. 删除节点 三、属性操作 ...

  • 原生JavaScript操作——节点操作

    进入正题,开始学习JavaScript原生节点操作。 1.查找节点 获取一般节点(当然也可以获取特殊关系节点) 按...

网友评论

    本文标题:JS&脚本-获取节点,操作节点

    本文链接:https://www.haomeiwen.com/subject/jdqibrtx.html