Written by java-style
on 2021-12-07

[javascript & css] daum zipcode 우편번호 css 컨트롤하기 (iframe 안...

반응형

다음 우편번호 API를 사용하는데 iframe마다 min-width: 300px 이 걸려있어 모바일에서 잘림현상이 발생하는데 iframe 안의 html과 css라서 수정이 안되었다.

#document

해결

(소스는 구리지만..) contentWindow로 내부에 접근하여 거기서 다시 document.getElementById로 접근하여 css를 수정하였다. 테스트 하다보니 가끔 못찾는 경우가 있어 setTimeout을 걸어 처리하였다.

const zipCodeIframe = document.getElementById("zipcodeWrap").childNodes[0].contentWindow.document.getElementById("daum_zipcode_view"); if (zipCodeIframe) zipCodeIframe.style.minWidth = "auto";

반응형

from http://joannashin.tistory.com/22 by ccl(A) rewrite - 2021-12-07 10:01:46

Top