为何alert ,console.log全部失灵了？

Question

html部分

<button id="b1" order="3">b1</button>
<button id="b2" order="4">b2</button>
<button id="b3" order="5">b3</button>

js部分

var  bs = document.getElementsByTagName('button');
for(var i=0;i<bs.length;i++){
  bs[i].addEventListener("click",getInfo);
}
function getInfo(e){
  alert(e.target.getAttribute("order"));
}

上面的代码可以在jsfiddle.net中运行。

点击b2 ,alert 显示4.

1.现在保存成test.html文件，用firefox打开，点击b2,没有alert 跳出。

2.console.log

var  bs = document.getElementsByTagName('button');
for(var i=0;i<bs.length;i++){
  bs[i].addEventListener("click",getInfo);
}
function getInfo(e){
  console.log(e.target.getAttribute("order"));
}

将alert修改成console.log ,点击b2，console中没有显示，这是为什么？

Answer 1

js定义需要在html标签后面

Answer 2

你的js代码，应该写在html的最底部，有执行顺序的问题。