如何知道javascript中的DOM操作哪个更快？

Question

例如有3个button,
id 为b1/b2/b3，都有class ="button"。

假如想对这3个进行DOM操作(动态添加样式类)，一开始的获取可以是：

一：分别进行三次var button? = document.getElementById()，然后放到一个数组里（后面有循环调用）；
二：使用querySelectorAll()获得Nodelist对象,然后转换成数组；
三：使用document.getElementsByClassName(names);

我想知道哪一个运行起来会更快点，这要如何知道？