<!DOCTYPE?html>
<html>
<head>
<meta?charset="utf-8">
<title></title>
</head>
<body>
<ul?id="ct">
<li>點擊我</li>
<li>控制臺</li>
<li>就可以顯示了</li>
</ul>
????<input?id="txt"?placeholder="添加內容"/>
<button?id="btns">開頭添加</button>
<button?id="btne">結尾添加</button>
</body>
<script>
window.onload=function(){
var?oBtns=document.getElementById("btns");
var?oBtne=document.getElementById("btne");
var?oUl=document.getElementById("ct");
var?oTxt=document.getElementById("txt");
var?aLi=oUl.getElementsByTagName("li");
oBtns.onclick=function(){
var?oLi=document.createElement("li");
oLi.innerHTML=oTxt.value;
oUl.insertBefore(oLi,aLi[0]);
}
oBtne.onclick=function?(){
var?oLi=document.createElement("li");
oLi.innerHTML=oTxt.value;
oUl.appendChild(oLi);
}
????for(var?i=0;i<aLi.length;i++){
???? aLi[i].onclick=function?(){
???? console.log(this.innerText);
???? }
???? }
}
</script>
</html>各位大神請看一下,這段代碼是這樣的:1，我在文本輸入框中輸入一段文本,點擊開頭添加按鈕,文本就添加在"點擊我"上面,2，點擊結尾添加按鈕,文本就添加在"就可以顯示了"后面。3，當鼠標點擊上面的文本內容，控制臺console.log也可以顯示出來。4，但是現在問題是我點擊之前寫好的文本控制臺是可以顯示出來的，但是點擊后來通過按鈕添加的就顯示不出來了，請問問題出在哪里？
DOM事件問題
咩咩咩3124927
2016-10-10 11:43:46