<h1>Task1 :</h1>
(function() {
/*
在注釋下方寫下代碼
給按鈕button綁定一個(gè)點(diǎn)擊事件
在事件處理函數(shù)中
獲取aqi-input輸入的值牵现,并顯示在aqi-display中
*/
var btn=document.getElementById('button');
btn.onclick=function(){
var text=document.getElementById('aqi-display');
text.innerHTML=document.getElementById('aqi-input').value;
};
})();
遇到的小問題就是value和innerHtml弄模糊了,查了下資料拭宁。
innerHTML 只取一些文本標(biāo)簽里有內(nèi)容娘锁,
比如 div span p 等這里不能輸入的標(biāo)簽里有內(nèi)容放前。
value是取一取輸入框的值 比喻 input textarea select 等等。
看了別人的代碼:
(function () {
var btn = document.getElementById("button");
var input = document.getElementById("aqi-input");
var display = document.getElementById("aqi-display");
var handler = function () {
display.innerHTML = input.value;
};
EventUtil.addHandler(btn, "click", handler);
})();
詳細(xì)原因如下:
http://www.cnblogs.com/hykun/p/EventUtil.html
其它同學(xué)總結(jié)的:
http://ife.baidu.com/note/detail/id/635