使用标签名选择元素

getElementsByTagName - 使用 DOM 标签快速选择 DOM 元素。比如： "div"、"a"、"span"等等

---

getElementsByTagName()方法返回具有给定标签名的元素集合的NodeList。 现代浏览器都支持。 Internet Explorer从版本9开始支持此方法。示例：

var list = document.getElementsByTagName('a');

// get the number of selected elements
console.log(list.length);

// iterate over elements and output href attribute values
for (var i=0; i<list.length; i++)
    console.log(list[i].href);
      

和getElementById()函数类似，还可以通过标签名称在另一个dom中选择对应的子元素:

var container = document.getElementById('header');
var list = container.getElementsByTagName('a');
      

这个方法很快，但是只能通过标签名选择元素，其实用性受到一定的限制。 querySelectorAll()是一种更方便的方法，几乎可以由任意CSS选择器访问DOM元素。