在href中插入圖像的最佳方式

Question

我正在尋找將greasmonkey圖像插入到href中的最佳方法。圖片應該在那裏現在的文字（??????）。

// ==UserScript== 
    // @name   ... 
    // @description ... 
    // @include  http://website/ 
    // @version  1.0 
    // ==/UserScript== 
    var links = document.getElementsByClassName('xyz'); 
    for (var i = 0; i < links.length; i++) { 
    var link = links[i]; 
    var newlink = document.createElement('a'); 
    newlink.href = link.href.replace('value=10', 'value=20'); 

    newlink.textContent = '??????'; 

    var nextNode = link.nextSibling; 
    link.parentNode.insertBefore(newlink, nextNode); 
    var delim = document.createTextNode(' - '); 
    link.parentNode.insertBefore(delim, newlink); 
    } 

謝謝大家的幫助。

Answer 1

var links = document.getElementsByClassName('xyz'); 
for (var i = 0; i < links.length; i++) { 
    var link = links[i]; 
    var newlink = document.createElement('a'); 
    newlink.href = link.href.replace('value=10', 'value=20'); 
    var the_image = document.createElement('img'); 
    the_image.src = '';//Place image source file path here 
    newlink.appendChild(the_image); 

    var nextNode = link.nextSibling; 
    link.parentNode.insertBefore(newlink, nextNode); 
    var delim = document.createTextNode(' - '); 
    link.parentNode.insertBefore(delim, newlink); 
} 

Answer 2

插入以下行，而不是一個與???：

var myImg = document.createElement('img'); 
myImg.src= 'path/to/image'; 
newlink.appendChild(myImg);