写写原生JavaScript系列(2)-根据类名选择元素

getElementsByClassName()方法可以在浏览器中快速获取DOM节点,但是需要注意不能在IE8及以下版本浏览器使用该方法。

var list = document.getElementsByClassName('foo');

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

// iterate over elements and output their HTML content
for (var i=0; i<list.length; i++)
console.log(list[i].innerHTML);

配合getElementById() 使用,可以快速从一个元素容器中获取一个元素节点数组

var container = document.getElementById('header');
var list = container.getElementByClassName('foo');

这个方法较为性能较好,但是却只能使用class来选择元素,因此限制了它的用处,上一节说的querySelectorAll()则可以根据CSS选择器来选择元素,因此更加方便。

原文

https://plainjs.com/javascript/selecting/select-elements-by-class-name-3/