JavaScript修改連結a的href屬性值

antzone發表於2017-03-17
JavaScript

本文介紹一下如何利用JavaScript動態修改連結的href屬性值。

程式碼例項如下:

[HTML] 純文字檢視 複製程式碼執行程式碼
<!DOCTYPE html>
<html>
<head>
<meta charset=" utf-8">
<meta name="author" content="http://www.softwhy.com/" />
<title>螞蟻部落</title>
<script type="text/javascript">
window.onload=function(){
  var bt=document.getElementById("bt");
  var theLink=document.getElementById("theLink");
  bt.onclick=function(){
    theLink.href="http://www.softwhy.com"; 
    theLink.innerHTML="螞蟻部落";
  }
}
</script>
</head>
<body>
<a href="www.163.com" id="theLink">網易</a>
<input type="button" id="bt" value="改變地址"/>
</body>
</html>

以上程式碼比較簡單這裡就不多介紹了，具體可以參閱相關閱讀。

相關閱讀：

（1）.onclick事件參閱JavaScript click 事件一章節。 

（2）.innerHTML屬性參閱JavaScript innerHTML屬性一章節。

相關文章