XHTML , DOM 모음 ( IE VS 비 IE )

글을 다 날려서 다시 적는다. !!  (2009-05-06에 날림) 

2007/03/21 21:24   원본보기

1. innerText ( IE ) , textContent ( FX ) - 문자 삽입

   예제 : document.getElementById("test").innerText = "가식적인 놈"   

  
2. innerHTML ( IE, FX ) - 태그 삽입
 

예제 : document.getElementById("test").innerHTML = "<u>가식적인 놈</u>"

3. disabled ( IE , FX ) - 버튼 활성화 , 비활성화
   

예제 : document.getElementById("btnclick").disabled= true;

4. value ( IE, FX ) - 값

  예제 : var inputData = document.getElementById("test").value;

5. createElement ( IE, FX ) - 엘레먼트 생성
    appendChild ( IE, FX ) - 자식 엘레먼트 추가
    removeChild ( IE, FX ) - 자식 엘레먼트 삭제

    예제 : document.createElement("div");
             document.getElementById("test").appendChild(divElement);
             document.getElementById("test").removeChild(divElement);

6. <div> 태그

    IE 는 기본으로 <br> 태그 포함, FX는 포함 되지 않음.

7. childNodes [ index ]

    IE 는 0 부터 시작, FireFox 는 1 부터 시작

8. cancleBubble ( IE ) ,  stopPropagation ( FX ) - 버블현상을 방지 하는 함수

예제 :  function StopBubble ( evt ) {
               if ( window.event) {
                    window.event.cancleBubble = true ;
               } else {
                    evt.stopPropagation();
               }
          }

버블현상이란..

 버블 현상 : 객체의 중복으로 두가지가 한번에 처리되는 문제가 발생

9. srcElement ( IE ) , target ( IE 이외 ) - 이벤트 발생 객체 식별.

예제 : if ( evt. srcElement) {
             usedEvent = evt.srcElement;    // IE
         } else {
             usedEvent = evt.target;           // 비 IE
         }