JS document.anchors属性

document.anchors属性

JavaScript中document对象的anchors属性，可用于匹配查找所有具有name属性的链接a元素，是JavaScript中查找元素的方法之一。

---

返回值

document.anchors属性获取到的返回值为所有具有name属性的a元素的集合，尽管只有一个，也是集合，访问其中的a元素，可以通过索引的方式，如下方的实例代码中的a[0]。

document.anchors实例代码，及在线编辑器

下方的实例中将设计两个a元素定义的标签，一个设置name属性，一个设置了id属性，用于对比展示document.anchors的作用，实例代码如下（这是一个可以在线编辑器并在线运行的编辑器，有兴趣的可以在线修改代码然后在线运行）：

<a href='https://www.x1y1z1.com/python/python_index.html' name='python' target='_blank'>该链接的name属性值为python</a><br>

<a href='https://www.x1y1z1.com/javascript/javascript_index.html' id='javascript' target='_blank'>该链接的id属性值为javascript</a><br><br>

<button onclick='setColor()'>点击改变颜色</button>

<script>
  function setColor(){
    var a = document.anchors;
    a[0].style.color = 'skyblue';
  }
</script>

试一试