[js] 파이어폭스(Firefox;F/F)에서 outerHTML 작동하도록 만든 메소드

hooni

조회 수 16445 댓글 0

단축키

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>

0 추천 0 비추천

Facebook Twitter Google Pinterest KakaoStory Band

위로 아래로 댓글로 가기 인쇄

✔댓글 쓰기

에디터 선택하기

✔ 텍스트 모드 ✔ 에디터 모드

댓글 쓰기

에디터 사용하기 닫기

Category

List of Articles
번호	분류	제목	글쓴이	날짜	조회 수
933	Develop	[c] 함수 요약 (검색해서 쓰세요..)	hooni	2003.04.23	8795
932	Develop	[c] 파일(File) 관련 함수 샘플 코드	hooni	2003.04.23	7460
931	System/OS	[linux] man 명령어 뽀개기..	hooni	2003.04.23	8723
930	Develop	[c] 패스워드 암호화/사용자 정보 보기	hooni	2003.04.23	7014
929	Develop	[c] 파일 복사(copy) 프로그램 샘플 소스	hooni	2003.04.23	6770
928	Develop	[c] UCP/TCP 채팅 소스 - 정리해야 함..	hooni	2003.04.23	7911
927	Develop	[c] IP 스푸핑(ip spoof) 소스 - 정리해야 함	hooni	2003.04.23	7545
926	Develop	[c] 시스템공학 레포트 (pass1, pass2)	hooni	2003.04.23	7181
925	Develop	[c] 레포트용으로 제출했던 여러 소스코드 모음	hooni	2003.04.23	8086
924	Develop	[c] 심심해서.. fseek() 예제..	hooni	2003.04.23	7229
923	Develop	[c] 프로세스 정보 출력하기..	hooni	2003.04.23	6908
922	Develop	[c] i2osp 임시로.. ㅋㅋ	hooni	2003.04.23	7821

쓰기

Contents

[js] 파이어폭스(Firefox;F/F)에서 outerHTML 작동하도록 만든 메소드

단축키

단축키

로그인