Javascript将文本更改为图像答案

【问题标题】：Javascript Changing Text to an ImageJavascript将文本更改为图像
【发布时间】：2012-06-09 22:46:25
【问题描述】：

<div id="myLuckyPost">
</div>
<script type="text/javascript"> 
    function showLucky(root){ 
        var feed = root.feed; 
        var entries = feed.entry || []; 
        var entry = feed.entry[0]; 
        for (var j = 0; j < entry.link.length; ++j){
            if (entry.link[j].rel == 'alternate'){
                window.location = entry.link[j].href;
            }
        }
    } 
    function fetchLuck(luck){ 
        script = document.createElement('script'); 
        script.src = '/feeds/posts/summary?start-index='+luck+'&max-results=1&alt=json-in-script&callback=showLucky'; 
        script.type = 'text/javascript'; 
        document.getElementsByTagName('head')[0].appendChild(script); 
    } 
    function feelingLucky(root){ 
        var feed = root.feed; 
        var total = parseInt(feed.openSearch$totalResults.$t,10); 
        var luckyNumber = Math.floor(Math.random()*total);
        luckyNumber++; 
        a = document.createElement('a'); 
        a.href = '#random'; 
        a.rel = luckyNumber; 
        a.onclick = function(){
            fetchLuck(this.rel);
        }; 
        a.innerHTML = 'View Random Post';
        document.getElementById('myLuckyPost').appendChild(a); 
    } 
</script> 
<script src="/feeds/posts/summary?max-results=0&alt=json-in-script&callback=feelingLucky"></script>

这会生成一个随机博客帖子的链接。现在我想将“查看随机帖子”（ a.innerHTML = 'View Random Post';）文本链接更改为图像。有可能吗？

【问题讨论】：

请正确格式化您的代码，以便其他人可以阅读和理解：stackoverflow.com/editing-help#code
您想从该字符串生成图像，还是想用图像替换文本？
是的先生，我想替换文本链接并制作一个图像按钮
图片按钮应该从哪里识别它应该使用的图片？
Jim，有一些方法可以使用 Javascript 动态生成图像（例如，使用 canvas 或 svg），因此了解您的实际意图很重要，这表明您有一个图像文件你想使用。

标签： javascript html button dom-events blogger

【解决方案1】：

这是你要找的吗？

a.innerHTML = "<img src='button.gif' />";

【讨论】：

天哪。非常感谢！！我之前尝试过，但我使用单引号（'）而不是双引号（"），这就是它不起作用的原因。感谢您和所有帮助过的人！
需要双引号，因为字符串包含单引号。你也可以在 '<img src="button.gif" />' 周围做相反的事情