如何使HTML頁面中的文本可單擊以重定向到外部頁面

Question

我有一個票務系統，我想讓用戶的電子郵件可點擊。 （這只是文本atm。）div的HTML如下所示：

<a class="hover-contact-box lowercase">f11111@gmail.com</a>

我已經為Chrome安裝了擴展程序“自定義JS”。 是否可以編寫JS代碼，使我可以將此文本轉換為鏈接，從而導致我進入后台，然后將此郵件放入搜索框？ 謝謝。

編輯：編輯HTML不是一個選項。 我想知道是否有可能使電子郵件本身可點擊。

編輯：我不需要mailto：，我需要重定向到外部源。

Answer 1

如果要使此電子郵件可單擊，請使用href屬性

<a href="mailto:youremail">email text</a>

在JavaScript中，您可以使用

document.getElementsByClassName("hover-contact-box lowercase")[0].setAttribute("href", "mailto:yourmail");

希望對您有所幫助

Answer 2

使用jQuery，您可以做類似的事情

var email = $('a.hover-contact-box.lowercase');
email.attr('href', 'mailto:' + email.text());

Answer 3

如果您不能使用jquery：考慮到您只有1個具有給定Classname的元素：

document.getElementsByClassname("hover-contact-box lowercase")[0].setAttribute('href', 'mailto:yourmailid@gmail.com?subject=Hello Everyone&body=Just want to say hello to you all!!');

如果有多個具有相同類名的元素：您必須在getElementsByClassname返回的列表中進行迭代並執行setAttribute('href', ....)

如果可以使用Jquery：

var elem = $('a.hover-contact-box.lowercase');
elem.attr('href', 'mailto:yourmailid@gmail.com?subject=Hello Everyone&body=Just want to say hello to you all!!');

這兩個示例都將其鏈接為：

1. 郵件至：yourmailid@gmail.com
2. 主題：大家好
3. 內容：只想對大家問好！

如果您完全控制html頁面進行編輯：

 <a href='mailto:yourmailid@gmail.com?subject=Hello Everyone&body=Just want to say hello to you all!!' > yourmailid@gmail.com </a>