js添加图片按钮

Question

我的代码可以正常工作，但我希望自定义文本 link 所以它应该是图片。

例如 "View" 文本 link 将是 /pics/icon.png 和 "Edit"、/pics/icon2.png

这是我的代码：

    var $container = $( "#daif_results" );
            $container.empty();
            $.each( items, function() {
                var str = '<li>' + this.label + ' - <a href="' + daif_consts.home_url + '?p=' + this.value + 
                          '">View</a>  - <a href="' + daif_consts.admin_url + 'post.php?post=' + this.value + '&amp;action=edit">Edit</a></li>';
                $container.append( str );
            });

Answer 1

我无法运行你的代码，但我相信你正试图将图像添加到你的列表之一。我认为您可以使用 CSS 来实现这一点，例如 this example.

我还找到了一个 javascript 示例 here。

我想你可以创建一个图像元素：

img = document.createElement('img');
img.src = "http://sourcetoimage";

然后将其添加到您的列表中：

li.appendChild(img);

这是 JFiddle.

js添加图片按钮

Adding a picture button in js

html

javascript

button

imagebutton