如何增加使用Javascript单击按钮的iframe的尺寸？

Question

我想增加iframe的宽度，点击“+”按钮。但它不起作用。

<iframe id="chkframe" src="" height="500" width="250" onchange="getsize()"></iframe> 
</br> 
<button onclick="pluswidth()" title="Increase Width">+</button> 
<script> 
    function pluswidth(){ 
     var framewidth = documen.getElementById('chkframe').width; 
     var frame = document.getElementById('chkframe'); 
     var math = framewidth + 1; 
     frame.width = math; 
    } 

</script> 

Answer 1

我用这个，得到了完美的结果，

function incrementvaluewidth() 
{ 
    var value = parseInt(document.getElementById('chkframe').width); 
    value = isNaN(value) ? 0 : value; 
    value++; 
    document.getElementById('chkframe').width = value; 
} 

Answer 2

尝试此IFRAME：

style="height:500px;width:250px" 

代替使用height和width属性。

然后使用：

var framewidth = document.getElementById('chkframe').style.width; 

frame.style.width = math + "px";