css를 수정하고 싶습니다!
조회 수
81
추천 수
0
안녕하세요.
제이쿼리 충돌관련 도움주셔서 아주 잘사용 중에 있습니다.
외부 아이프레임의 경우 css 수정이 안된다고 알고 있는데
일부 더 가공하여 사용하고싶습니다.
혹시 방법이 있을까요?
챗 지피티는 아래와 같이 답변하네요
1.동일 출처 정책을 만족하는 경우 (iframe 내용이 같은 도메인에서 로드되는 경우):
JavaScript를 사용하여 iframe 내부의 DOM에 접근하고, CSS를 변경할 수 있습니다.
javascript
Copy code
const iframe = document.getElementById("your-iframe-id");
const iframeDocument = iframe.contentDocument || iframe.contentWindow.document;
const styleElement = iframeDocument.createElement("style");
styleElement.innerHTML = `
body {
background-color: red;
}
/* 다른 CSS 규칙 추가 */
`;
iframeDocument.head.appendChild(styleElement);
2.서로 다른 도메인이지만 Cross-Origin Resource Sharing (CORS)을 사용하여 서버에서 허용하는 경우:
특별한 설정이 필요하며 서버가 이러한 요청을 허용해야 합니다. iframe 내부의 페이지 소스와 협력이 필요하다는 점을 명심하세요.
다른 도메인에서 로드된 iframe에서 스타일을 변경하는 것은 권장되지 않으며, 가능한 경우 동일한 도메인에서 콘텐츠를 로드하고 위에 제시된 방법을 사용하는 것이 좋습니다.
2번기능이 지원될지 궁금합니다.
좋은자료 대단히 감사드립니다.
그 외에도 개선할게 있어서 이르면 이번 주말, 늦으면 다음 주말에 반영될 것 같습니다.