1

ユーザーが選択した数値を入力すると、その数値がプレビュー コードに挿入されます。ただし、挿入した数に応じて変化するプレビューボックスが必要です。私はそこまでの道のりの途中ですが、最後のビットを理解できないようです.

HTML:

<label>Border Radius:</label>
<input name="border-radius" id="jj_input" class="jj_input" type="text" size="2" value='' onkeyup='changeRadius()' />
<span>px</span>

<div class="yourcode">
    <p>border-radius: <span id="radius"></span>px; </p>
    <p>webkit-border-radius: <span id="radius2"></span>px; </p>
</div>

<div id="preview">
    <span class="preview_text">Preview Text</span>
</div>

Javascript:

function changeRadius(){
    var jj_input = document.getElementById('jj_input').value;
    document.getElementById('radius').innerHTML = jj_input;
    document.getElementById('radius2').innerHTML = jj_input;

    document.getElementById('preview').style.borderRadius = 'WHAT_GOES_HERE?' ;
}

どこに「WHAT_GOES_HERE?」と書いてありますが、この値を jj_input と同じにしたいです。

何か案は？

4

1 に答える 1

1 
document.getElementById('preview').style.borderRadius = jj_input + 'px';

の値を の値に代入し、 で連結しているelement.style.borderRadiusだけjj_inputですpx。

于 2012-06-04T17:38:40.987 に答える