幅のサイズを作成する方法を学ぶ

Question

私は2つの変数を保持する関数を作成しています。 要素（ボックス）を取得するID変数と第2変数は、id（ボックス）の幅の値を保持する呼び出し幅です。

「幅が定義されていません」というエラーが発生し続けます。

ここで誰かが私が何を間違えているか教えてください。

<button type="button" onClick="width('box','1000')" >click me </button> 

#box{ 
    width:100px; 
    height: 100px; 
    background: gold; 
    text-align: center; 
    display: block; 
} 



function widthSize(width, id) 
{ 
    id = ''; 
    width = ''+px; 
    document.getElementById(id).style.width = width; 
} 

Answer 1

あなたは、あなたのjavascript機能をお使いのHTML onclick=()から渡すパラメータの値を宣言する必要があります。そのように変数に入れば、要素のスタイルを操作することができます。

渡されたパラメータをdocument.getElementById()に直接入力したため、エラーはUncaught Reference error: xxx is not definedになります。

以下はサンプルです。この作品

#box{ 
 
    width:100px; 
 
    height: 100px; 
 
    background: gold; 
 
    text-align: center; 
 
    display: block; 
 
}

<button onclick="myFunction('box','1000')">Try it</button> 
 

 
<p id="box"></p> 
 

 
<script> 
 
function myFunction(id,width) { 
 
\t var string = id; 
 
    var size = width+'px'; 
 
    
 
    document.getElementById(string).style.width = size; 
 
} 
 
</script>