[ JavaScript ] IE 와 FF 와의 자바스크립트 및 객체 접근 차이점 정리

JavaScipt FF와 IE의 차이

1. 마우스 포인터
    IE : style.cursor="hand";
    FF : style.cursor="pointer" ;

2. mouse 이동 감시 ( event )
    IE는 event가 전역이지만 FF는 인수로 꼭 넘겨 줘야 한다.
    event.srcElement 와 event.fromElement 은 FF에서는
    event.target으로 처리 된다.

    function process(e)
    {
        if(event) alert(event.srcElement.getAttribute("id"));
        else alert(e.target.getAttribute("id"));
    }
    <div id="obj" onclick="process(event);"/>



3. 개체의 width는 30으로, height은 15로 조절하고 싶을 때
    IE : obj.style.cssText="width:30px; height:15px;";
    FF : obj.style.width="30px;";  obj.style.height="15px;";

4. 투명도 조정
    if(IE) obj.style.cssText="filter:alpha(opacity=0.80);";
    else obj.style.opacity="0.80;"; 

5. Javascript로 Stylesheet를 조절
    IE : object.style.cssText="width:100%;"
    FF : object.style.width="100%;"

6. Class 속성
    IE : className이라는 속성을 통해 접근
    FF : class 라는 속성을 통해 접근

7. 동적 이벤트 할당 방법
    IE : onClick 속성값 이용
    FF : setAttribute 함수 이용

8. 위치 조정 시 
    IE : .style.pixelLeft , .style.pixelTop
    FF : .style.left , .style.top

9. DHTML InnerHTML방식 
     IE : obj.innerHTML = comment;                                          
     FF : 
       var range = obj.ownerDocument.createRange();     
       range.selectNodeContents(obj);
       range.deleteContents();
       var fragment = range.createContextualFragment(comment);
       obj.appendChild(fragment);

10. IE의  document.all 의 ff식의 처리는?
     IE : document.all.id;
     FF : document.getElementsByName("id" );
          document.getElementsById("id" );