javascript怎麼改變a標籤的值
- 青灯夜游原創
- 2021-09-16 17:43:485282瀏覽
javascript改變a標籤值的方法：1、使用「document.getElementById('id值')」語句根據指定id值取得a元素物件；2、使用「a元素物件.innerHTML = "新文字內容"”語句來改變值。
本教學操作環境：windows7系統、javascript1.8.5版、Dell G3電腦。
javascript改變a標籤的值
#取得a標籤元素物件
#使用innerHTML屬性修改值
實作程式碼：
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8" id="remove">
</head>
<body>
<p style="font-size: 19px; font-weight: bold;">单击按钮改变下面a标签的值</p>
<a href="#" id="a">超链接文本</a><br /><br />
<button onClick="Fun()">点击这里</button>
<script>
var a = document.getElementById('a'); //获取a元素对象
function Fun() {
a.innerHTML = "新文本内容";
}
</script>
</body>
</html>效果圖：
說明：
innerHTML 屬性設定或傳回開始和結束標籤之間的HTML。文法：
HTMLElementObject.innerHTML=text HTMLElementObject.innerHTML
【推薦學習：javascript進階教學】
以上是javascript怎麼改變a標籤的值的詳細內容。更多資訊請關注PHP中文網其他相關文章！
陳述：
本文內容由網友自願投稿，版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容，請聯絡admin@php.cn