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>

这似乎不起作用，因为加载的页面要小得多（内部有滚动条）。与“content”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);

更改外部加载页面的尺寸

1 个答案: