動態插入鏈接裏面跨度標籤使用JavaScript

我有這樣的：動態插入鏈接裏面跨度標籤使用JavaScript

<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，以此類推。

來源

2013-03-11 Zox

你似乎錯過了這個... – Paul 2013-03-11 13:40:58

W帽子腳本語言是「查找所有標籤」WishfulThinking language？ – mplungjan 2013-03-11 13:41:12

嘗試'

在這裏，我把它翻譯成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]); 
    }  
    } 
}

來源

2013-03-11 13:46:17 mplungjan

link.href =「http://domain.com」2等號:) – Syd 2013-03-11 13:59:35

那麼演示實際上不輸出可點擊的圖像。他們應該是可點擊的。 – Zox 2013-03-11 14:06:01

請再看一遍。我在getElements中有一個拼寫錯誤 - 我現在在範圍 – mplungjan 2013-03-11 14:13:22

相關問題