Javascript 패키지 id,class 와 요소 선택 기 방법 예제

각 브 라 우 저 에서 지원 하 는 선택 방법 은 다음 과 같은 세 가지 밖 에 없 기 때 문 입 니 다.
     1、 document.getElementById()     2、 document.getElementsByName()     3、 document.getElementsByTagName()따라서 선택 기 를 봉인 할 때 브 라 우 저의 호환성 을 고려 해 야 한다.
예제 코드 는 다음 과 같다.

<script>//  id   
  function $(selector){
    var c=selector.substring(0,1);//       
    if(c=="#"){
      return document.getElementById(selector.substring(1,selector.length));//       
    }
  }
  
  
  //  class   
  function $(selector){
    var className=selector.substring(1);//    1      
    //         getElementsByClassName
    if(document.getElementsByClassName){
      return document.getElementsByClassName(className)
      //document.querySelectorAll('.cls')      
    }else{
      //document.getElementsByTagName('*')+     
      //\s     ^   $  
      var reg=new RegExp('^|\\s'+className+'$|\\s');
      var elems=document.getElementsByTagName("*");//         
      var arr=[];//        className   
      for(var i=0;i<elems.length;i++){
        if(reg.test(elems[i].className)){//        
          arr.push(elem[i]);
        }
      }
      return arr;
    }
  }
  
  //         
  function $(element){
    return document.getElementsByTagName(element);
  }
 </script>
총결산
이상 은 이 글 의 전체 내용 입 니 다.본 논문 의 내용 이 여러분 의 학습 이나 업무 에 어느 정도 도움 이 되 기 를 바 랍 니 다.궁금 한 점 이 있 으 시 면 댓 글 을 남 겨 주 셔 서 저희 에 대한 지지 에 감 사 드 립 니 다.

좋은 웹페이지 즐겨찾기