2014-04-04 3 views
2

나는 (는) 자바 스크립트를 처음 사용하도록 업데이 트되어 일부 도움이 필요합니다. 을 통해 광산에 표시된 다른 페이지에서 div 요소를 제거해야합니다.iframe에로드 된 페이지 div를 제거

이 내가

<div comp="removepls"> 

편집

가에서 호스팅되지 않은 외부 웹 사이트를 편집 할 수 없습니다 다른 웹 페이지의 div 요소를 제거해야 내 페이지의 코드

<html> 
<link rel="icon" href="favicon.ico" type="image/x-icon"/> 
<link rel="shortcut icon" href="favicon.ico" type="image/x-icon"/> 
    <head> 
    <script language="javascript"> 
    </script> 
     <title>TITLE</title> 
     <style type="text/css"> 
      body, html 
      { 
       margin: 0; padding: 0; height: 100%; overflow: hidden; 
      } 

      #content 
      { 
       position:absolute; left: 0; right: 0; bottom: 0; top: 0px; 
      } 
     </style> 
    </head> 
    <body> 
     <div id="content"> 
      <iframe width="100%" height="100%" frameborder="0" src="PAGE HERE"/> 
     </div> 
    </body> 
</html> 

입니다 귀하의 서버

+0

귀하의 페이지와 동일한 도메인에서 오는 '다른 페이지'라는 것이 맞습니까? 그렇지 않으면, 당신은 그것의 내용을 조작 할 수 없습니다. –

답변

2

iframesrc이 동일한 도메인의 것이 아니며 렌더링 된 페이지와 동일한 프로토콜을 사용하는 경우 해당 콘텐츠에 액세스 할 수 없습니다. 이는 same-origin policy을 위반하며 모든 최신 브라우저의 보안 기능입니다. iframe에 동일한 도메인 및 프로토콜로 만든 페이지가있는 경우 다른 DOM 요소와 마찬가지로 iframe을 jQuery와 함께 쿼리하거나 $('iframe') 요소를 지정하거나 iframe에 클래스 또는 ID를 지정하고 쿼리 할 수 ​​있습니다.

+0

페이지의 내용을 변경할 방법이 없습니까? 거기에 어떤 작업이 있습니까? – user3499401

+0

귀하의 질문에 명확히 기재하십시오 ... 귀하가 다른 외부 웹 사이트에서 제어하거나로드하는 웹 사이트의 프레임에로드하는 페이지가 있다면? cnn.com과 같은 다른 사이트에서 온 경우 해당 사이트를 방문 할 방법이 없습니다. – donlaur

+0

@donlaur 예, 외부 웹 사이트입니다. 알았어, 고마워! – user3499401

0
$('iframe').contents().find("div[comp='removepls']").remove(); 

이상한 원인의 div를 찾아 제거해야합니다.

+0

예, 왜 comp 부분이 무엇입니까? 이상한. – donlaur

+0

@donlaur 커스텀'DOM' 속성. 컨벤션은 'data-comp'라는 접두사를 'data-'와 접두사로 붙이기 때문에 'data-comp'를 읽어야하지만 여전히이 방법으로 렌더링됩니다. – smilebomb

관련 문제