iframe點擊功能內的按鈕會更改該父iframe的高度（跨域）

Question

點擊后將高度更改為500px；

<iframe src="test.html" frameborder="0" scrolling="no" id="myIframe" class="chat-box width-350" style="height:300px;"></iframe>

iframe高度設置為300px

的test.html

<a href="javascript:void(0)" class="clickhere">button</a>

點擊“ clickhere”時，iframe的高度將發生變化。

Answer 1

JQuery的：

$('.clickhere').click(function() {
 $('#myIframe').css("height","500px");
}

Answer 2

嘗試這個

用於test.html

<a href="javascript:void(0)" class="clickhere">button</a>
<script type="text/javascript">
var parentIframe = window.parent.document.getElementById('myIframe');
var clickButton = document.getElementsByClassName('clickhere')[0];

clickButton.addEventListener("click", function(){
  parentIframe.style.height = '500px';
  console.log(parentIframe);
});
</script>