javascript - JavaScript でテキストを画像に変更する

Question

<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>

これにより、ランダムなブロガー投稿へのリンクが生成されます。ここで、「View Random Post」( a.innerHTML = 'View Random Post';) テキスト リンクを画像に変更します。出来ますか？

Answer 1

これはあなたが探しているものですか？

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