在 div 中加載外部內容

Question

我有三個 div，其結構如下：

<div id="1"> 
     <div id=2"><button id="button">Click me</button></div>
     <div id=3"></div>
   </div>

我正在嘗試將外部網站加載到 div3，如下所示：

$('#div3').html('object style="width:100%" data="https://google.co.in"/>');

即使在此之后，內容也會顯示在帶有小框的右側。 如何讓它占據父div的寬高

編輯：我將 div3 css 寬度設為 100% 仍然相同

Answer 1

HTML

 <div id="1"> 
         <div id=2"><button id="button">Click me</button></div>
         <div id=3"><iframe src"http://website.com"></iframe> </div>
       </div>

CSS

 #3 iframe{display:none;width:100%;}

調用jquery函數

$(document).ready(function(){
  $("#button").click(function(){
  $("#3 iframe").css("display","block");
});
});