Как увеличить размер iframe, нажав кнопку с помощью Javascript?

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

Попробуйте для фрейма:

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

вместо использования высоты и ширины атрибуты.

Затем используйте:

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

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