油候插件compare

compare

// ==UserScript==
// @name         find highlight
// @namespace    http://tampermonkey.net/
// @version      0.1
// @description  for compare
// @author       ke rui
// @match        https://neil.fraser.name/software/diff_match_patch/demos/diff.html
// @grant        none
// ==/UserScript==

(function() {
    'use strict';


    var button = document.createElement("input"); //创建一个input对象（提示框按钮）
    button.setAttribute("type", "button");
    button.setAttribute("id","findBtn");
    button.setAttribute("value", "next");
    button.style.width = "60px";
    button.style.align = "center";
    button.style.marginLeft = "250px";
    button.style.marginBottom = "10px";
    //button.style.background = "#80DCA9";
    button.style.border = "1px solid #000000";//52
    //button.style.color = "white";
    button.style.position = "fixed";
    button.style.right = "5px";
    var j = 0;
    var oriBc = ""
    document.getElementsByTagName("P")[0].appendChild(button);
    document.getElementById("findBtn").onclick = function(){

        var aElements=document.getElementById("outputdiv").childNodes;
        var aEle=[];
        for(var i=0;i<aElements.length-1;i++)
        {
            //alert(aElements[i].getAttribute("style"))
            if(aElements[i].getAttribute("style") != null){
                aEle.push( aElements[i]);
            }
        }
                if (j !=0){
            aEle[j-1].style.background = oriBc;
            }
        //alert(aEle[j].offsetTop);
        if (j == aEle.length ){
            alert("We’ve finished searching the document")
          	j = 0;
            window.scrollTo(0, 0);
        }else{
            window.scrollTo(0, aEle[j].offsetTop);
            oriBc = aEle[j].style.background;
            aEle[j].style.backgroundColor = "yellow";
            j +=1
        }
    }
    function getScrollTop()
    {
        var scrollTop=0;
        if(document.documentElement&&document.documentElement.scrollTop)
        {
            scrollTop=document.documentElement.scrollTop;
        }
        else if(document.body)
        {
            scrollTop=document.body.scrollTop;
        }
        return scrollTop;
    }



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