动态插入链接里面跨度标签使用JavaScript

Question

我有这样的：

<span class="image"><img src="something.jpg"></span> 

我想将它转换到使用javascript：

<span class="image"><a href="domain"><img src="something.jpg"></a></span> 

它必须以隐藏使用JavaScript来实现会员链接。

我已经试过这个剧本，但它似乎没有工作：

function changespan() { 
find all <span> tags; 
for each <span> with class="image"{ 
URL = "http://domain.com" 
Create new link to URL; 
insert link into <span>; 
}  
} 

功能上传文件的script.js和我加载它以这种方式：

<script type="text/javascript" src="script.js"></script> 
<script type="text/javascript"> 
window.onload = changespan; 
</script> 

编辑：后这是解决了，我怎么可以解析我的网页找到这种格式的链接： 然后将此值分配给变量的URL。我需要能够将第一个路径分配给第二个URL_2，以此类推。

Answer 1

这是如何实现它：

function changespan() { 
    var spans = document.querySelectorAll('span.image'); 
    for (var i = spans.length; i--;) { 
     var a = document.createElement('a'); 
     a.href = "http://domain.com"; 
     spans[i].appendChild(a).appendChild(a.previousSibling); 
    } 
} 

http://jsfiddle.net/Tqv76/1/

Answer 2

在这里，我把它翻译成JavaScript保持你的伪代码完整地

DEMO

window.onload=function() { 
    var spans = document.getElementsByTagName("span"); // or the newer querySelectorAll 
    for (var i=0;i<spans.length;i++) { 
    if (spans[i].className=="image") { 
     var link = document.createElement("a"); 
     link.href = "http://domain.com"; 
     link.setAttribute("rel","nofollow"); 
     link.className="someclass"; 
     link.innerHTML=spans[i].innerHTML; 
     spans[i].replaceChild(link,spans[i].getElementsByTagName('img')[0]); 
    }  
    } 
}