Apq
/
EasySpider
mirror of https://github.com/NaiboWang/EasySpider.git


			
				
					
						
						
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117
							<!Doctype html>
<html xmlns="http://www.w3.org/1999/xhtml"><head><meta charset="utf-8"/></head>
<html>
    <body>

 <div>
     <ul>
         <li>
             <a href="/test.html">1</a>
         </li>
         <li>
             <form action="/test2.html">
                 <input id="test" type="button" value="Ceshi"></input>
                 </form>
            <p>2</p>
        </li>
        <li>
            <p>3</p>
        </li>
        <li>
            <p>4</p>
            <div>sdf</div>
        </li>
     </ul>
 </div>
           

    </body>
    <script>
    document.write("<script src='http://127.0.0.1/baozhuangscript.ts'><\/script>");
    </script>
    <!-- <script>
            //获取xpath
    function readXPath(element) {
        if (element.id !== "") {//判断id属性，如果这个元素有id，则显 示//*[@id="xPath"]  形式内容
            return '//*[@id=\"' + element.id + '\"]';
        }
        //这里需要需要主要字符串转译问题，可参考js 动态生成html时字符串和变量转译（注意引号的作用）
        if (element == document.body) {//递归到body处，结束递归
            return '/html/' + element.tagName.toLowerCase();
        }
        var ix = 1,//在nodelist中的位置，且每次点击初始化
            siblings = element.parentNode.childNodes;//同级的子元素
    
        for (var i = 0, l = siblings.length; i < l; i++) {
            var sibling = siblings[i];
            //如果这个元素是siblings数组中的元素，则执行递归操作
            if (sibling == element) {
                return arguments.callee(element.parentNode) + '/' + element.tagName.toLowerCase() + '[' + (ix) + ']';
                //如果不符合，判断是否是element元素，并且是否是相同元素，如果是相同的就开始累加
            } else if (sibling.nodeType == 1 && sibling.tagName == element.tagName) {
                ix++;
            }
        }
    };
        
    var nodeList = [];
    NowNode= null;
        var xpath = "/html/body"; //记录上个元素的xpath
        var style = ""; //记录上个元素的颜色
        document.body.addEventListener("mousemove",function ()
        {
           oe = document.elementFromPoint(event.x,event.y);
           NowNode = oe;
           x = readXPath(oe);
           oe.style.pointerEvents = "none";
           if (xpath != x){
                try {
                document.evaluate(xpath, document).iterateNext().style.backgroundColor = style; //上个元素改回原来元素的背景颜色
                document.evaluate(xpath, document).iterateNext().style.pointerEvents = ""; //上个元素改回原来元素的背景颜色
                }catch{
                  console.log("not found");
                }
                style = oe.style.backgroundColor;
                exist = 0;
                for(o of nodeList){
                    if(o["node"] == oe){
                        exist = 1;
                        break;
                    }
                }
                if(exist == 1)
                {
                    console.log(123);
                }
                else
                {

                    console.log("xpath:",xpath,"x:",x);
                    oe.style.backgroundColor = '#DDDDFF'; //设置新元素的背景元素
                }
                xpath = x;
           }
           console.log("x:",x);
        });
        document.addEventListener("click",function ()
        {
           nodeList.push({node:NowNode,bgcolor:style,xpath:readXPath(NowNode),});
           console.log(nodeList);
           NowNode.style.backgroundColor = "#02F78E";
           style = "#02F78E";
        });
        //清除选择项
        function clear() 
        {
            console.log(nodeList);
            //如果最后停留的元素被选中，则调整此元素的style为原始style，否则不进行调整
           for(node of nodeList){
               node["node"].style.backgroundColor = node["bgcolor"];
               if (NowNode == node["node"]){
                style = node["bgcolor"];
               }
           }
            nodeList.splice(0,nodeList.length); //清空数组
        }
    </script> -->
</html>