[css] iframe 내 css 수정하기

function timeLine(){
	$('.twit-con').bind('DOMNodeRemoved', function() {
		$('#twitter-widget-0').contents().find('.timeline-Header-title').css({'font-size':'24px', 'font-weight':'400', 'font-family':'Noto Sans KR'});
	})
	
}

iframe으로 불러오는 경우 도메인이 다르면 css 적용이 안되는데 jquery로 수정할 수 있음

 

1. iframe으로 불러오는 경우

//html
<iframe src="" frameborder="0" id="iframe"></iframe>

//js
$("#iframe").one("load", function() {
  $("#iframe").contents().find(/*something*/).remove()
})

 

2. a로 불러오는 경우

//html
<a class="twitter-timeline" data-height="350" href="https://twitter.com/JYPETWICE?ref_src=twsrc%5Etfw"></a> <script async src="https://platform.twitter.com/widgets.js" charset="utf-8"></script>
cs

//js
$("#iframe-wrapper").bind("DOMNodeRemoved", function() {
    $("#twitter-widget-0").contents().find(/*something*/).remove()
})

 

 

 

*참고

http://new.kspid.or.kr/main.html

https://marshall-ku.tistory.com/224

[자바스크립트] Iframe 내부 요소 수정하기