<div id="ccc">
    <img src="1.jpg">
    1534654主其他随机字符
    <img src="2.jpg" style="样式字符 "></div>要把它变成
<div id="ccc">
    <a href="1.jpg" rel="lightbox"><img src="1.jpg"></a>
    1534654主其他随机字符
    <a href="2.jpg" rel="lightbox"><img src="2.jpg" style="样式字符 "></a></div>如何实现啊?

解决方案 »

  1.   


    <a href="http://www.163.com" rel="lightbox"><img src="1.jpg"/></a>
      

  2.   

    是要在加载的时候
    用javascript实现
      

  3.   

    采用Dom文档模型,单击按钮时添加链接:
    <html>
    <head>
    <script>
    function abc()
    {
        var parentNode=document.getElementById("ccc");
        var imgs=parentNode.getElementsByTagName("img");
        for(var i=0;i<imgs.length;i++)
        {
            var newNode=document.createElement("a");
            newNode.href=imgs[i].src;
            var imgCopy=document.createElement("img");
            imgCopy.src=imgs[i].src;
            newNode.appendChild(imgCopy);
            parentNode.replaceChild(newNode,imgs[i]);
        }
    }
    </script>
    </head>
    <body>
    <div id="ccc">
      <img src="1.jpg"/>
      1534654主其他随机字符
      <img src="2.jpg" style="样式字符"/>
    </div>
    <input type="button" value="替换" onclick="abc()"/>
    </body>
    </html>