1. 程式人生 > >筆試題 | 在ul中插入1000個li,點選li顯示li的序號

筆試題 | 在ul中插入1000個li,點選li顯示li的序號

題幹如題目所示,在點選li顯示序號的過程中使用了閉包,此方法沒有考慮優化的問題,如果li增加頁面載入會很遲緩.我會後續進行修改.

    <ul class="campus-test"></ul>
window.onload = function(){
			var oUi = document.getElementsByTagName("ul");
			var str = "";
			for(let i=0;i<100000;i++){
				str += "<li>li</li>";
			}
            oUi[0].innerHTML = str;
            var lii=document.getElementsByTagName("li")
            var lilen=document.getElementsByTagName("li").length;	
            for(let i=0;i<lilen;i++){
                lii[i].onclick =function(){
                    alert(i)
                }
            }
        }