從用戶輸入向元素添加樣式

我有一個基本的邊界半徑生成器，其中用戶鍵入他們選擇的數字，並將數字插入預覽代碼。不過，我想有一個預覽框根據它們插入的數字而改變。我在那裏一半，但似乎無法弄清楚最後一點。從用戶輸入向元素添加樣式

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。

任何想法？

來源

2012-06-04 Lodder

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

我們只是分配的element.style.borderRadius到的jj_input價值和px串聯。

來源

2012-06-04 17:38:40 Snuffleupagus

啊我陷入了困境。我添加了jj_input，但沒有添加'+'px''。非常感謝。當它允許我時，會接受答案;） – Lodder

從用戶輸入向元素添加樣式

回答

相關問題