2012-02-22 135 views
2

我需要隱藏一個鏈接到用戶,以便他不能點擊它來到另一個頁面,但我有幾個JS腳本和CSS會花費太多的工作來改變,所以我需要文檔結構保持不變。隱藏鏈接在html

我該如何做到這一點?

這是一個例子

<span> 
<a href="xxx">text</a> 
</span> 

我顯然試圖產生這個代替

<span>text</span> 

但選擇找不到文本,因爲沒有「一」的標籤。

我該如何做到這一點?

+0

發佈實際標記的實際樣本。 – 2012-02-22 12:55:10

+1

忽略'href',或者使用'href =「javascript:void 0」'或者'href =「#」onclick =「return false;」'。 – 2012-02-22 12:55:19

+0

你想隱藏用戶的網址,也不希望如果他點擊應該去其他網頁? – 2012-02-22 12:55:38

回答

2

要禁用所有環節,有這樣的代碼:

window.onload = function() { 
    for(var i = 0; i < document.links.length; i++) { 
     document.links[i].onclick = function() { 
      return false; 
     } 
    } 
};​ 

Live test case

這不會改變他們的目的地(href屬性)只是因爲點擊它們不會產生任何效果。

+0

我推薦''document.links'](https://developer.mozilla.org/en/DOM/document.links)over document.getElementsByTagName(「a」)',因爲第一個不包含錨元素沒有'href'屬性。 – 2012-02-22 13:17:03

+0

@Rob公平夠了,我想到了這一點,但不知道它是跨瀏覽器。快速搜索現在告訴我這是標準的,所以我的答案被編輯。謝謝! :) – 2012-02-22 13:22:33

0

設置style="display: none"根本不顯示它。

+1

我認爲OP並不意味着「隱藏」在「不可見」的意義上,而是在「對點擊沒有影響」的意義上。 – 2012-02-22 12:55:57