javascript--枚舉演算法實現

來源:互聯網
上載者:User

標籤: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--枚舉演算法實現

聯繫我們

該頁面正文內容均來源於網絡整理,並不代表阿里雲官方的觀點,該頁面所提到的產品和服務也與阿里云無關,如果該頁面內容對您造成了困擾,歡迎寫郵件給我們,收到郵件我們將在5個工作日內處理。

如果您發現本社區中有涉嫌抄襲的內容,歡迎發送郵件至: info-contact@alibabacloud.com 進行舉報並提供相關證據,工作人員會在 5 個工作天內聯絡您,一經查實,本站將立刻刪除涉嫌侵權內容。

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.