参考资料

1. HTML DOM获得有下拉列表的表单的ID
2. HTML DOM 返回一个客户端图像映射的usemap的值
3. HTML DOM 返回image的替代文本
4. HTML DOM 元素
5. HTML DOM为表格指定规则
6. HTML DOM 改变一个iframe的src
7. HTML DOM 返回图像映射某个区域的替代文字实例
8. HTML DOM 根节点

HTML DOM 锚点名称返回实例

详细介绍

HTML DOM中的锚点名称可以通过name属性获取或设置。锚点(<a>)元素的name属性用于指定文档中可链接到的位置名称。

标签

<a name="section1"></a>

或

<a id="section1"></a>

用法

获取锚点名称：

var anchorName = document.getElementById("myAnchor").name;

设置锚点名称：

document.getElementById("myAnchor").name = "newName";

实例

<a name="top"></a>
<h1>页面标题</h1>
<p>页面内容...</p>
<a href="#top">返回顶部</a>

<script>
  var topAnchor = document.getElementsByName("top")[0];
  console.log(topAnchor.name); // 输出: top
</script>

功能

1. 创建文档内部导航点

2. 允许页面内跳转

3. 可通过JavaScript动态修改

CSS扩展

可以样式化锚点：

a[name] {
  display: block;
  height: 0;
  overflow: hidden;
}

a[name="top"] + h1 {
  color: blue;
}

注意：现代HTML5推荐使用id属性代替name属性来定义文档片段标识符。

声明：本站所有文章资源内容，如无特殊说明或标注，均为采集网络资源。如若本站内容侵犯了原著者的合法权益，可联系本站删除。