JavaScript 학습 노트 4 의 ByClass & json

1. class 를 통 해 탭 가 져 오기
var out=document.getElementsByClassName(‘out’);IE 6 7 8 은 getElements 를 지원 하지 않 습 니 다 Name
클 라 스 를 통 해 탭 을 가 져 올 수 있 고 호 환 문제 가 없 는 방법 이 있 습 니까?
우선 모든 탭 을 가 져 옵 니 다.
같은 이름 의 모든 탭 을 for 순환 으로 옮 겨 다 니 며,
옮 겨 다 니 는 순 서 를 배열 에 넣 고,
마지막 으로 같은 종류의 이름 을 가 진 배열 을 얻 었 다.
두 가지 옮 겨 다 니 는 방법:
하 나 는 전역 을 옮 겨 다 니 는 방법 입 니 다. 같은 이름 만 배열 에 넣 으 면 됩 니 다.
다른 하 나 는 부분 적 으로 옮 겨 다 니 는 방법 으로 부분 적 으로 같은 종 류 를 옮 겨 다 니 는 것 이다.
실례 는 다음 과 같다.
페이지 레이아웃:

 1 <div id="box1">
 2     <div class="con">
 3         <span>  span  111</span>
 4     </div>
 5     <div class="con">
 6         <span>  span  222</span>
 7     </div>
 8     <div class="con">
 9         <span>  span  333</span>
10     </div>
11 </div>
12 <div id="box2">
13     <div class="con">
14         <span>  span  444</span>
15     </div>
16     <div class="con">
17         <span>  span  555</span>
18     </div>
19 </div>

전역 가 져 오기:

/*    */
    function byClass1(oClass){//           
        var tags=document.all?document.all:document.getElementsByTagName('*');//       
        var arr=[];//    
        for (var i = 0; i < tags.length; i++) {//for    
            if (tags[i].className==oClass) {
                arr.push(tags[i]);//             
            };
        };
        return arr;
    }
    var cons=byClass1('con');//      ，    （       ）
    alert(cons.length);//  
    alert(cons[3].innerHTML);//  

부분 획득:

 1 /*    */
 2     function byClass2(parentID,oClass){//           
 3         var parent=document.getElementById(parentID);//     ID
 4         var tags=parent.all?parent.all:parent.getElementsByTagName('*');//   ：    ID      
 5         var arr=[];
 6         for (var i = 0; i < tags.length; i++) {
 7             if (tags[i].className==oClass) {
 8                 arr.push(tags[i]);
 9             };
10         };
11         return arr;
12     }
13     var cons=byClass2('box1','con');//      ，    （   ID ，       ）
14     alert(cons.length);//  
15     alert(cons[2].innerHTML);//  

제 이 슨
json 은 경량급 데이터 교환 형식 으로 자바 script 원생 형식 으로 이상 적 인 데이터 교환 형식 입 니 다.
1. 제 이 슨 대상 제 이 슨 대상 은 '{' 로 시작 하여 '}' 로 끝 납 니 다. 각각 '이름' 뒤에 ':' (콜론), '이름: 값' 대 간 운용 ',' (쉼표) 로 구 분 됩 니 다.var json 1 = {'name': '샤 오리', 'sex': '여자', 'age': '22'};
2. json 문자열 이란 json 문자열 변수의 값 이 json 의 형식 과 같 지만 json 대상 이 아 닌 것 을 말 합 니 다.var json 2 = "{'name': '샤 오리', 'sex': '여자', 'age': '22'}";3. json 은 var json 1 = {'name': '샤 오리', 'sex': '여자', 'age': '22'} 을 사용 합 니 다.alert( json1.name ); // '샤 오리' 4, json 문자열 을 json 대상 var json 2 = '{' name ':' 샤 오리 ',' sex ':' 여자 ',' age ':' 22 '}' 로 팝 업 합 니 다.eval () 함수 변환 을 사용 합 니 다. 예 를 들 어 var json 3 = eval ('+ json 2 +') ');alert( json3.name ); // '샤 오리' 5, json 순환 일반 for 순환 var arr = [2, 4, 6] 팝 업;for (var i = 0; i < arr. length; i + +) {alert (arr [i]); / / 24 6} json 순환 은 invar jsn = {'a': 8, 'b': 8, 'c': 28} 에 만 사용 할 수 있 습 니 다.for (var i in jsn) {alert (jsn [i]); / 8 18 28} i → json 의 key, jsn [i] → 대응 key 의 값