// ==UserScript==
// @name         页面添加元素
// @namespace    http://tampermonkey.net/
// @version      0.1
// @description  try to take over the world!
// @author       Mr.Chen
// @match        http:/xxxxxxxx:xxxx/*
// @icon         
// @grant        none
// @run-at       document-end
// ==/UserScript==

(function() {
    'use strict';

    //设置延时加载（避免添加的元素显示报错显示不出来）
    setTimeout(function(){
        //创建页面元素（按钮）
        let wwlBtn=document.createElement("button");
        //按钮显示文本
        wwlBtn.innerText="wwl账号登录";
        //设置背景色
        wwlBtn.style.background="#FC6B1B";
        //设置文本颜色
        wwlBtn.style.color="#fff";
        //去除按钮边框
        wwlBtn.style.border="none";
        //设置按钮高度
        wwlBtn.style.height="46px";
        //设置按钮宽度
        wwlBtn.style.width="100%";
        //设置按钮类型（必须、必须、必须，否则点击按钮页面会重新刷新）
        wwlBtn.type = "button";
        //设置圆角
        wwlBtn.style.borderRadius="5px";
        //按钮点击事件
        wwlBtn.onclick=function(){
            //以下三条new Event()解决文本框有内容，但点击登录时未检测到文本框内容的情况（感谢天才少年李恒道，油猴的王 一之提供的教程和解决办法，ggnb! cxxjackie牛逼！）
            //聚焦
            var focus = new Event('focus');
            //输入内容
            var input = new Event('input');
            //失去焦点
            var blur = new Event('blur');
            //获取用户名文本框
            var username = document.getElementsByName('username')[0];
            //设置用户名
            username.value = 'wwl';
            //以下三条为自定义事件的触发dispatchEvent
            username.dispatchEvent(focus);
            username.dispatchEvent(input);
            username.dispatchEvent(blur);
            //获取密码文本框
            var password = document.getElementsByName('password')[0];
            //设置密码
            password.value = '123456'
            //以下三条为自定义事件的触发dispatchEvent
            password.dispatchEvent(focus);
            password.dispatchEvent(input);
            password.dispatchEvent(blur);
            //模拟点击事件
            document.querySelector('.el-button.btn_login_class').click();
        };
        //获取定位元素
        let share=document.querySelector('.btn_login_class');
        //在定位的元素前插入按钮
        share.parentElement.insertBefore(wwlBtn,share);
})();