Javascript Userscript捕获页面上的所有URL并显示在新的div层中

我是JavaScript新手，如果问题太明显，请原谅

我正在编写一个greasemonkey脚本来捕获网页上的所有HREF，并将它们显示为一个新的div。 以下是我一直在使用的代码：

// ==UserScript==
// @name        GetURLs
// @namespace   xyz
// @description Collect all the URLs present on the page
// @include     https://www.google.com/*
// @include     https://www.google.co.in/*
// @require     http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js
// @version     1
// @grant       none
// ==/UserScript==

var snapshotResults = document.evaluate('//a/@href',document, null, XPathResult.UNORDERED_NODE_SNAPSHOT_TYPE, null);
//var div = '<div style="width:100%">';
var div = '<div style="background-color:green;width:300px;height:100px;position:relative;top:-220px;left:120px;z-index:83666;">'
window.alert("First message\n"+ snapshotResults.snapshotItem(1).textContent);

for(var i = 0 ; i<snapshotResults.snapshotLength ; i++)
  {
    var href = snapshotResults.snapshotItem(i).textContent ;
    href = href + '<br/>';
    div += href ;
  }

div += '</div>';
alert("After for loop\n"+ div);
$('body').append(div);

/==UserScript==
//@name geturl
//@namespace xyz
//@description收集页面上的所有URL
//@包括https://www.google.com/*
//@包括https://www.google.co.in/*
//@需要http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js
//@version 1
//@grant none
//==/UserScript==
var snapshotResults=document.evaluate（'//a/@href'，document，null，XPathResult.UNORDERED\节点\快照\类型，null）；
//var div=''；
var div=''
window.alert（“第一条消息\n”+快照结果.snapshotItem（1）.textContent）；
对于（var i=0；i