鍍金池/ 問答/HTML/ 為何alert ,console.log全部失靈了?

為何alert ,console.log全部失靈了?

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.現(xiàn)在保存成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中沒有顯示,這是為什么?

回答
編輯回答
冷眸

js定義需要在html標簽后面

2018年6月30日 05:28
編輯回答
無標題

你的js代碼,應該寫在html的最底部,有執(zhí)行順序的問題。

2017年10月15日 01:06