更改外部加載頁面的尺寸

Question

如何更改我加載到div的頁面的尺寸？

這裏是我使用的頁面加載到DIV腳本：

<a data-toggle="collapse" href="#collapse1" onclick="load_wp_1()">xxx</a></li> 
     <script type="text/javascript"> 
     function load_wp_1(){ 
      var wp = document.getElementById("content").innerHTML='<object type="text/html" data="wp_1.html" ></object>'; 
      wp.style.width = "500px"; 
} 
    </script> 

似乎並非如所加載的網頁的工作是要小得多（裏面有它的滾動條）。與「內容」div關聯的CSS如下：

#content { 
float: left; 
width: 590px; 
padding: 40px 30px 0px 30px; 
} 

任何幫助，非常感謝！

Answer 1

您正試圖設置HTML的字符串的寬度。

您需要獲取正在生成的DOM元素並設置其寬度。

最簡單的方法是首先使用標準DOM創建元素，而不是混合有關該地點的HTML字符串。

var container = document.getElementById("content"); 
// Erase existing content 
container.innerHTML = ""; 
var frame = document.createElement('iframe'); // Better supported than object elements for this 
frame.src = "wp_1.html"; 
frame.style.width = "500px"; // Set on the frame, not on the frames container 
container.appendChild(frame);