参考资料

  1. HTML DOM document.write() 方法
  2. HTML DOM单元格内容垂直对齐
  3. HTML DOM改变表格边框的宽度
  4. HTML DOM 返回和设置链接的href属性实例
  5. HTML DOM 用指定的ID弹出一个元素的innerHTML实例
  6. HTML DOM 属性
  7. HTML DOM 鼠标的坐标？
  8. HTML DOM 返回一个客户端图像映射的usemap的值

HTML DOM 返回文档中第一个锚的 innerHTML

HTML DOM 返回文档中第一个锚的 innerHTML

详细介绍

document.anchors 属性返回文档中所有带有 name 属性的 <a> 元素集合。要获取第一个锚点的 innerHTML，可以通过索引访问该集合的第一个元素。

标签

主要涉及的 HTML 标签是 <a> 锚点标签。

用法

// 获取第一个锚点的 innerHTML
var firstAnchorHTML = document.anchors[0].innerHTML;

实例

<!DOCTYPE html>
<html>
<body>
<a name="first">第一个锚点</a>
<a name="second">第二个锚点</a>

<script>
var firstAnchor = document.anchors[0].innerHTML;
console.log(firstAnchor); // 输出: "第一个锚点"
</script>
</body>
</html>

功能

  • 获取文档中第一个命名锚点的内容

  • 可用于动态修改或读取锚点内容

  • 适用于需要操作特定锚点内容的场景

CSS 扩展

可以为锚点添加样式：

a[name] {
  color: blue;
  text-decoration: none;
  font-weight: bold;
}

a[name]:hover {
  color: red;
  text-decoration: underline;
}

注意：现代 HTML5 更推荐使用 id 属性而非 name 属性来标识文档片段。

TAG：文档属性标签内容元素详细所有索引主要用法