Question

我将一个页面加载到div中，但我无法调整div的大小

这里是代码行：

我的css：

<style type="text/css">
#calendar {
width:350px;
float:left;
padding:10px;}
</style>

HTML：

.
.
<div id="calendar"></div>
.
.

的javascript：

<script type="text/javascript">
function divload(){
document.getElementById("calendar").innerHTML = '<object type="text/html"  
data="/ISMS/calendar/index.php"></object>'; }
</script>

带有加载对象的innerHTML应该以另一种方式调整大小吗？

感谢anyhelp

Answer 1

将对象加载到calendar元素后，可以使用JS调整div的大小。

function divload(){
    var calDiv = document.getElementById("calendar"),
        height = "300px", // or whatever you want the new height to be
        width = "800px"; // or whatever you want the new width to be

    calDiv.innerHTML = '<object type="text/html" data="http://printartsportal.com/"></object>';

    calDiv.style.height = height;
    calDiv.style.width = width;

    calDiv.children[0].style.height = height;
    calDiv.children[0].style.width = width;
}

使用javascript生成的内容调整div大小

1 个答案: