Contents

?

단축키

Prev이전 문서

Next다음 문서

크게 작게 위로 아래로 댓글로 가기 인쇄
?

단축키

Prev이전 문서

Next다음 문서

크게 작게 위로 아래로 댓글로 가기 인쇄
outerHTML 파이어폭스(F/F)에서 쓰는 방법
outerHTML 파이어폭스(F/F)에서 쓰는 방법

<html>
<title>outerHTML 파이어폭스 대응</title>
<script>
/**************************************
* 샘플 코드 및 펑션 생성 @ 정민철
* http://tost.tistory.com
*
* 원본 참조소스
* http://snipplr.com/view/5460/outerhtml-in-firefox/
* http://www.phpschool.com/gnuboard4/bbs/
* board.php?bo_table=tipntech&wr_id=56477
***************************************/

//ff대응 outerhtml결과
function getouterHtml(obj)
{
  var html = null;
  //널처리
  if (obj == null) return null; 

  if (typeof(obj.outerHTML) == "string")
  {//스트링값을 가져온다면 IE로 가정함
    html =  obj.outerHTML;
    //alert("ie"); //디버그용
  }
  else
  {
    html = (new XMLSerializer).serializeToString(obj); 
    //alert("ff"); //디버그용
  }
  return html;
}

//ff대응 outerhtml 삽입
function setOuterHtml(obj, html)
{
  if (obj == null) return; //null처리

  if (typeof(obj.outerHTML) == "string")
  {//스트링값을 가져온다면 IE로 가정함
    //alert("ie"); //디버그용
    obj.outerHTML = html;
  }
  else
  {
    //alert("ff"); //디버그용
    var el = document.createElement('divs');
    el.innerHTML = html;
    var range = document.createRange();
    range.selectNodeContents(el);
    var documentFragment = range.extractContents();
    obj.parentNode.insertBefore(documentFragment, obj);
    obj.parentNode.removeChild(obj);
  }
}
</script>


<body>

  <divs id="test" style="background:yellow;">
    원래본문
  </divs>

  <script>
    var divsobj = document.getElementById("test");
  </script>

  <a href="javascript:alert(getouterHtml(divsobj))">
    outer값확인	
  </a>

  <a href="javascript:setOuterHtml(divsobj, 'htmltest')">
    outer값 변경
  </a>

</body>
<html>


?

List of Articles
번호 분류 제목 글쓴이 날짜 조회 수
635 System/OS [mac] 맥에서 APM(apache,php,mysql) 구성하기 hooni 2013.04.23 39401
634 System/OS [mac] 맥(OSX)에서 root 패스워드 설정하기 hooni 2013.04.23 22889
633 Develop [android] ListView+ArrayAdapter 테스트 hooni 2013.04.23 44111
632 Develop [android] ArrayAdapter를 이용하여 출력하기 hooni 2013.04.23 47519
631 Develop [android] ArrayAdapter 테스트 파일 ㅎㅎ hooni 2013.04.23 45444
630 System/OS [mac] OSX(맥) 단축키 설명 ㅎㅎ file hooni 2013.04.23 29977
629 Etc [link] iOS(아이폰) 개발 관련 ㅋㅋ hooni 2013.04.23 21789
» Develop [js] 파이어폭스(Firefox;F/F)에서 outerHTML 작동하도록 만든 메소드 hooni 2013.04.23 16540
627 Develop [java] 스트러츠(Struts) 세팅 ㅋㅋ file hooni 2013.04.23 42550
626 Develop [java] 날짜 계산 (Date, SimpleDateFormat) hooni 2013.04.23 11923
625 Develop [js] 인터넷 주소(URL) 인코딩 ㅋㅋ hooni 2013.04.23 11424
624 Develop [js] jQuery 관련 문서 ㅎㅎ file hooni 2013.04.23 31386
Board Pagination Prev 1 ... 41 42 43 44 45 46 47 48 49 50 ... 98 Next
/ 98