<div value =“”> </div>上的加号和减号增量脚本

时间:2018-03-02 08:29:08

标签: jquery

我正在努力调整代码以增加div点击内部button的内部价值。我正在使用 ui语义css 库进行设计。 class="or"的显示是value=""内的div。我想在button次点击时增加或减少它。

我的尝试代码如下所示:

<div class="ui buttons">
    <button class="ui button" value='-' onclick='javascript:process(-1)'></button>
    <div class="or" size=10 id='v' name='v' value="0"></div>
    <button class="ui positive button" value='+' onclick='javascript:process(1)'></button>
</div>

我的无功能脚本:

function process(v){
    var value = parseInt(document.getElementById('v').value);
    value+=v;
    document.getElementById('v').value = value;
}

2 个答案:

答案 0 :(得分:0)

如果仅设定div的价值,则应使用innerHTMLinnerText代替div

value
  

document.getElementById('v').innerText = value; 只能用于输入控件

答案 1 :(得分:0)

您不应在valuevalue上使用button。 对div使用innerText

div
function process(v){
    var value = parseInt(document.getElementById('v').innerText);
    value+=v;
    document.getElementById('v').innerText = value;
}