怎樣用javascript來改變連結中的文字的顏色和字型!!

來源:互聯網
上載者:User
javascript|連結

今天 經理說客戶要把首頁的連結的字型的樣式改一下,就是要把滑鼠 移動到一個連結(就是<a></a>)上面的時候,連結的字型和顏色都要變成 粗體和紅色,而且滑鼠移開後,顏色仍然不變,我剛開始用樣式:a.link:hover {color:#FF0000;font-weight:bold;},但是想這樣做的話只是滑鼠移上去會變,移開後還是會變成以前的樣式,客戶的需求是:移上去後就變,移開後仍然保持連結為 粗體和紅色。最後我自己用這種方法解決了:

首先,擷取連結中的文本,比如說 我的連結為<a id="aArr">Arrival</a>,擷取連結中的文本的js代碼為:

var val = document.getElementById("aArr").innerText;

然後,我要把該文本的顏色變為 紅色,代碼如下:

val = val.fontcolor("red");

最後,我將這個文本插入到它的連結中:

document.getElementById("aArr").innerHTML = val;

注意:不能寫成 document.getElementById("aArr").innerText = val;不然的話字型的顏色是不會改變的.

如果要改變字型為粗體的話,就可以這樣:document.getElementById("aArr").style.fontWeight = "bold";

想這樣,我只要在這個連結的onmouseover事件中調用上面的javascript代碼就可以了。



相關文章

Beyond APAC's No.1 Cloud

19.6% IaaS Market Share in Asia Pacific - Gartner IT Service report, 2018

Learn more >

Apsara Conference 2019

The Rise of Data Intelligence, September 25th - 27th, Hangzhou, China

Learn more >

Alibaba Cloud Free Trial

Learn and experience the power of Alibaba Cloud with a free trial worth $300-1200 USD

Learn more >

聯繫我們

該頁面正文內容均來源於網絡整理,並不代表阿里雲官方的觀點,該頁面所提到的產品和服務也與阿里云無關,如果該頁面內容對您造成了困擾,歡迎寫郵件給我們,收到郵件我們將在5個工作日內處理。

如果您發現本社區中有涉嫌抄襲的內容,歡迎發送郵件至: info-contact@alibabacloud.com 進行舉報並提供相關證據,工作人員會在 5 個工作天內聯絡您,一經查實,本站將立刻刪除涉嫌侵權內容。