求一段把文字替换为图片的JS代码

把HTML里边固定的文字替换为图片
例如把所有的  ASP技术 替换为  images/001.jpg

解决方案 »

  1.   

    建议楼主引入 jquery 吧<script src="jquery.js"></script><script>
    $(function(){
    $(" * :contains('ASP技术')").parent().html('images/001.jpg');
    })
    </script>
      

  2.   

    比如把  ASP技术  变成我的头像哈哈$(" * :contains('技术')").parent().html('<img src="http://avatar.profile.csdn.net/F/D/E/2_vnetcbd.jpg" />');
      

  3.   


    <html> 
    <head> 
    <title>直接写字可以混排 </title> 
    <style type="text/css"> </style> 
    <script type='text/javascript'>
    window.onload=function(){
    var div=document.getElementById('div1');
    div.innerHTML=div.innerHTML.replace(/ASP技术/gi,"<img src=/'images/001.jpg/'/>");
    }
    </script>
    </head> <body> 
    <div id="div1">
    askldfjoasl;dflaskldfklasd
    ASP技术lakskldsaASP技术
    askldfjoasl;dflaskldfklasd
    ASP技术lakskldsaASP技术
    askldfjoasl;dflaskldfklasd
    ASP技术lakskldsaasp技术
    </div>
    </body> 
    </html> 
      

  4.   


    var desc = document.getElementById("test");
    var txt = desc.innerHTML;
    txt = txt.replace(new RegExp('ASP技术','g'),'<img src="images/001.jpg">');
    desc.innerHTML = txt;
      

  5.   


    <div id="divTest">Js</div>
     <script language="javascript">
            window.onload = function()
            {
                document.getElementById("divTest").innerHTML = "";
                document.getElementById("divTest").appendChild(document.createElement("<img src='myjpg.png'/>"));
            }
        </script>干嘛不直接生成图片，非要生成后替换呢？？
      

  6.   

    <html> 
    <head> 
    <title>test </title> 
    <style type="text/css"> </style> 
    <script type='text/javascript'>
    window.onload=function(){
    var div=document.getElementById('div1');
    div.innerHTML=div.innerHTML.replace(/ASP技术/gi,"<img src='http://qqskycn.net/bq/bq_tp/200904/20090404180257278.gif' //>");
    }
    </script>
    </head> <body> 
    <div id="div1">
    askldfjoasl;dflaskldfklasd
    ASP技术lakskldsaASP技术
    askldfjoasl;dflaskldfklasd
    ASP技术lakskldsaASP技术
    askldfjoasl;dflaskldfklasd
    ASP技术lakskldsaasp技术
    </div>
    </body> 
    </html> 
      

  7.   

    用正则呀
    replace(/\ASP技术/g,"images/001.jpg");
      

  8.   

    这就比较麻烦了，如果页简单的话可以参考我4、5或我的方法
    但页面复杂的话——比如asp技术出现在标记属性内如<a href="....?keyword='asp技术'/>或图片的alt属性中，那就比较麻烦了。
      

  9.   

     <script language="javascript">
            window.onload = function()
            {
                document.getElementById("divTest").innerHTML = "";
                document.getElementById("divTest").appendChild(document.createElement("<img src='myjpg.png'/>"));
            }
        </script>