HTML DOM Anchor text屬性用法及代碼示例

與錨標記 (<a>) 關聯的 HTML DOM 文本屬性指定錨標記的文本部分。

例如 - <a href="www.google.com">Google</a>。這裏的文字部分是穀歌。使用 text 屬性，我們可以獲取或更改錨文本的值。

用法

以下是語法 -

返回文本屬性 -

anchorObject.text

設置文本屬性 -

anchorObject.text = sometext

示例

讓我們看一個錨文本屬性的例子 -

<!DOCTYPE html>
<html>
<body>
<p><a id="Anchor" href="http://www.examplesite.com">Example site</a></p>
<p>Click the button below to change the text content of the link above.</p>
<button onclick="ChangeText()">Click it</button>
<button onclick="GetText()">Get Text</button>
<p id="Sample"></p>
<script>
   function ChangeText() {
      document.getElementById("Anchor").text = "Click here to open examplesite";
   }
   function GetText(){
      var x=document.getElementById("Anchor").innerHTML;
      document.getElementById("Sample").innerHTML=x;
   }
</script>
</body>
</html>

輸出

這將產生以下輸出 -

點擊 “Click it” -

點擊 “Get Text” -

在上麵的例子中 -

我們采用了一個帶有 “example site” 的錨標簽作為鏈接文本

<p><a id="Anchor" href="http://www.examplesite.com">Example site</a></p>

然後我們創建了兩個按鈕 “Click it” 和 “Get Text” 來分別執行函數 ChangeText() 和 GetText()。

<button onclick="ChangeText()">Click it</button>
<button onclick="GetText()">Get Text</button>

ChangeText() 函數會將錨文本從 “Example site” 更改為“單擊此處打開示例站點”，而 GetText() 函數將從 id 指定為錨的鏈接中獲取錨文本，並將其顯示在 id 與其關聯的 Sample 段落中。

相關用法

注：本文由純淨天空篩選整理自AmitDiwan大神的英文原創作品 HTML DOM Anchor text Property。非經特殊聲明，原始代碼版權歸原作者所有，本譯文未經允許或授權，請勿轉載或複製。