在href中插入图像的最佳方法答案

【问题标题】：best way to insert an image in href在href中插入图像的最佳方法
【发布时间】：2012-09-26 17:22:42
【问题描述】：

我正在寻找将带有 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 );
    }

谢谢大家的帮助。

【问题讨论】：

标签： javascript dom greasemonkey href

【解决方案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 );
}

【讨论】：

【解决方案2】：

插入以下行，而不是带有??? 的行：

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

【讨论】：