標籤:for 窮舉 water als rip 位置 onclick cti charset
<!doctype html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title> <script type="text/javascript"> //枚舉演算法--》窮舉演算法 window.onload=function () { var aA=document.getElementsByTagName(‘a‘);//get A var oUl=document.getElementById(‘uli‘);//get ul var aLi=document.getElementsByTagName(‘li‘);//get li for (var i = 0; i < aA.length; i++) {//給A加入點擊事件 aA[i].onclick=function () {//給每一個裡加入點擊事件 if(mj(this.innerHTML)){//沒有同樣的 var oLi=document.createElement(‘li‘); oLi.innerHTML=this.innerHTML; if(aLi[0]){ oUl.appendChild(oLi);//第一次顯 }else{ oUl.insertBefore(oLi, aLi[0])//僅僅要點擊即顯示在最前面 } }else{//有同樣的。不再顯示 mj2(this.innerHTML); } }; }; function mj (text) {//推斷是否存在相通的Li var result=true; for (var i = 0; i < aLi.length; i++) { if(aLi[i].innerHTML==text){ result=false; } }; return result; } function mj2 (text) {//存在同樣的li時。將當前的Li加入在第一個位置! for (var i = 0; i < aLi.length; i++) { if(aLi[i].innerHTML==text){ oUl.insertBefore(aLi[i], aLi[0]) } }; } } </script></head><body> <a href="javascript:;">北京</a> <a href="javascript:;">上海</a> <a href="javascript:;">杭州</a> <a href="javascript:;">天津</a> <a href="javascript:;">武漢</a> <a href="javascript:;">長沙</a> <a href="javascript:;">廣州</a> <a href="javascript:;">神州</a> <ul id="uli"> </ul></body></html>
1、點擊當中一個。顯示在最前面!
2、當點擊第二次的時候。不再顯示!!
javascript--枚舉演算法實現