• 회원가입
  • 로그인
  • 구글아이디로 로그인

[DOM_Document] JS - importNode() 메서드 ★ - 다른문서의 노드복사해서 가져오기 (IE9 이상) ※ 아이프레임 내용 얻기

document. importNode ()예제

 

 

<iframe src="/index2.php" style="height:380px;width:520px;"></iframe>


<button onclick="homzzang()">클릭</button>


<script>

function homzzang() {

  var frame = document.getElementsByTagName("IFRAME")[0]

  var h = frame.contentWindow.document.getElementsByTagName("H1")[0];

  var x = document.importNode(h, true);

  document.body.appendChild(x);

}

</script>

 


 

/index2.php

 

<h1>홈짱닷컴</h1>

<h1>Homzzang.com</h1>

<h1>홈페이지 제작관리 + 서버관리</h1>

 

※ 아이프레임 안 내용을 잘라서 가져옴.

 

방문 감사합니다. (즐겨찾기 등록: Ctrl + D)

분류 제목
DOM_Event JS - paste -
DOM_Event JS - pause -
DOM_Event JS - play -
DOM_Event JS - playing -
DOM_Event JS - popstate -
DOM_Event JS - progress -
DOM_Event JS - ratechange 이벤트 - 재생 속도 변경 이벤트 (= ratechange이벤트 = 레이트체인지…
DOM_Event JS - resize 이벤트 (= onresize 속성) - 윈도우 창크기 변경 조정 (= resize이벤트…
DOM_Event JS - reset -
DOM_Event JS - scroll 이벤트 (= onscroll 속성) ★ - 스크롤이벤트
DOM_Event JS - search 이벤트 (= onsearch 속성) - 검색이벤트 (IE와 FireFox는 지원 X)
DOM_Event JS - seeked -
DOM_Event JS - seeking -
DOM_Event JS - select 이벤트 (onselect 속성) = 텍스트 선택 (= select이벤트 = 실렉트이벤트…
DOM_Event JS - show 이벤트 (= onshow 속성) - <menu> 요소가 상황에 맞는 메뉴로 표시 될 때 발…
DOM_Event JS - stalled 이벤트 - 브라우저가 미디어 데이터 사용 불가 시 실행. (= 스톨드 이벤트)
DOM_Event JS - storage -
DOM_Event JS - submit 이벤트 (= onsubmit 속성) - 제출/전송 이벤트 (= 서브밋 이벤트 = 서브미…
DOM_Event JS - suspend 이벤트 (onsuspend 속성) - 브라우저가 의도적으로 미디어 데이터 안 가져올 …
DOM_Event JS - timeupdate 이벤트 - 오디오/비디오 재생 위치 변경 발생 (= timeupdate이벤트 =…
34/67
목록
찾아주셔서 감사합니다. Since 2012