2016-08-17 1 views
0

iframeの幅を大きくしたい場合は、 "+"ボタンをクリックしてください。しかし、それは動作しません。iframeの次元を増やすにはJavaScriptを使用してボタンをクリックしますか?

<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> 
+1

あなたがタイプミス---> documenを持っています。関数の最初の行に –

答えて

0

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

のiframeのためにこれを試してみてください:

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

代わりに、高さと幅の属性を使用します。

は、次に使用:私はこれを使用し、完璧な結果を持っている

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

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

"500px"または "500"のみ? 500pxはJS経由で計算されますか? –

+0

height = "500"と書くと、500は既にピクセル単位の高さです - http://www.w3schools.com/tags/att_iframe_height.aspを参照してください。 –

+0

いいえ、高さはピクセル単位です。 "500"のようにしかし、私は1ピクセルだけでJavaScriptを使用して高さを増加させると、 "501"の代わりに "5001"と表示されます –