導航選中狀態js寫法

<div class="h_sidenav" id="h_sidenav">
    <a href="<?php  echo site_url('user')?>">用戶首頁</a>
    <a href="<?php  echo site_url('user/trade')?>">交易信息</a>
    <a href="<?php  echo site_url('user/password')?>">密碼修改</a>
    <a href="<?php  echo site_url('user/info')?>">我的信息 </a>
    <a href="<?php  echo site_url('user/recharge')?>">充值 提現 轉帳</a>
    <a href="<?php  echo site_url('user/others')?>">其餘問題</a>
</div>
    <script type="text/javascript">
       window.onload = function(){
            var url = window.location.href;
            var div = document.getElementById('h_sidenav');
            for(var i=0;i<div.childNodes.length;i++){
                if(div.childNodes[i].nodeType == 1 &&  div.childNodes[i] ==url){
                    div.childNodes[i].setAttribute('class','cur');//class = 'cur' 是選中類
                    break;
                }
            }
       }
    </script>

節點類型 NodeType
元素element 1
屬性attr 2
文本text 3
註釋comments 8
文檔document 9
相關文章
相關標籤/搜索