数据结构
网络
RDBMS
操作系统
Java
MS Excel
iOS
HTML
CSS
Android
Python
C 编程
C++
C#
MongoDB
MySQL
Javascript
PHP
物理
化学
生物
数学
英语
经济学
心理学
社会学
时尚研究
法律研究HTML DOM 锚文本属性
与锚标签 (<a>) 关联的 HTML DOM text 属性指定锚标签的文本部分。
例如，<a href=”www.google.com”>Google</a>。这里的文本部分是 Google。使用 text 属性，我们可以获取或更改锚文本的值。
语法
以下是语法 -
返回 text 属性 -
anchorObject.text
设置 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>输出
这将生成以下输出 -
点击“单击它”后 -
点击“获取文本”后 -
在以上示例中 -
我们以“示例网站”作为链接文本采用锚标签
<p><a id="Anchor" href="http://www.examplesite.com">Example site</a></p>
然后，创建两个按钮“单击它”和“获取文本”以分别执行 ChangeText() 和 GetText() 函数。
<button onclick="ChangeText()">Click it</button> <button onclick="GetText()">Get Text</button>
ChangeText() 函数将锚文本从“示例网站”更改为“单击此处打开示例网站”，而 GetText() 函数从链接中获取锚文本（ID 指定为锚），并将其显示在与之关联的 ID 为 Sample 的段落中。
更新时间：06-Aug-2019
690 次浏览
广告