更改外部加载页面的尺寸

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);