JavaScript 和 HTML DOM：Anchor 对象

Anchor 对象是 HTML DOM 的一部分，代表 HTML 中的锚元素 <a>。这个对象提供了访问和操作锚元素属性的方式。你可以通过 JavaScript 获取页面中的锚元素并使用 Anchor 对象来处理它们。以下是一些常见的 Anchor 对象属性：

属性：

1. anchorObject.href：获取或设置链接的 URL。

    var anchor = document.getElementById('myAnchor');
    console.log('Href: ' + anchor.href);

2. anchorObject.target：获取或设置链接的目标窗口或框架。

    var anchor = document.getElementById('myAnchor');
    console.log('Target: ' + anchor.target);

3. anchorObject.innerHTML：获取或设置链接的 HTML 内容。

    var anchor = document.getElementById('myAnchor');
    console.log('Inner HTML: ' + anchor.innerHTML);

4. anchorObject.textContent（或 innerText）：获取或设置链接的文本内容。

    var anchor = document.getElementById('myAnchor');
    console.log('Text Content: ' + anchor.textContent);

5. anchorObject.download：设置链接的下载属性，指定链接点击时的文件下载行为。

    var anchor = document.getElementById('myAnchor');
    anchor.download = 'file.txt';

6. anchorObject.rel：获取或设置链接的关系属性，表示当前文档与链接目标的关系。

    var anchor = document.getElementById('myAnchor');
    console.log('Rel: ' + anchor.rel);

方法：

1. anchorObject.click()：模拟点击链接，触发链接的跳转行为。

    var anchor = document.getElementById('myAnchor');
    anchor.click();

这些属性和方法允许你使用 JavaScript 动态地获取和修改锚元素的属性，以及模拟用户点击链接的行为。在处理页面导航或链接交互时，Anchor 对象可以成为一个有用的工具。

转载请注明出处：http://www.pingtaimeng.com/article/detail/6194/JavaScript 和 HTML DOM