参考资料

  1. HTML DOM shift键被按下了吗？
  2. HTML DOM 返回image的name
  3. HTML DOM 哪个鼠标键被点击了？
  4. HTML DOM 返回文档中锚的数目
  5. HTML DOM 返回和设置一个iframe中的scrolling属性的值
  6. HTML DOM对单个单元格的内容垂直对齐
  7. HTML DOM在下拉列表中选择多个选项
  8. HTML DOM 返回页面上所有相对链接的基链接 实例

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：文档属性标签内容元素详细所有索引主要用法