javascript - 尝试将数字标签转换为 int

Question

我一直在尝试将标签转换为 int 来计算方程式。我无法使用 ConvertToInt32() 或 ParseInt()。我每次都返回 NaN 。请帮忙!这是我的代码:

    <div id="width"> <strong>Roll Width: </strong><label id="lblRollWidth"       type="number">25</label></div>
    </asp:Panel>
</div>
</div>


 <input type="text" name="input1" id="input1" value="">
<input type="text" name="input2" id="input2" value="">
    <a href="javascript: void(0)" onClick="calc()">Calculate</a>
        <input type="text" name="output" id="output" value="">

  <script>

 function calc(){

 var textValue1 = document.getElementById('input1').value;
 var textValue2 = document.getElementById('input2').value;
 var textValue3 = document.getElementById('lblRollWidth').value;




       document.getElementById('output').value = textValue1 * textValue2 * textValue3; 
}
  </script>

Answer 1

更改:

var textValue3 = document.getElementById('lblRollWidth').value;

到

var textValue3 = +document.getElementById('lblRollWidth').innerText;

因为它是一个标签，因此要获取它的值，您必须使用.innerText。

此外，不是强制性的，但建议更改:

 var textValue1 = document.getElementById('input1').value;
 var textValue2 = document.getElementById('input2').value;

至:

 var textValue1 = +document.getElementById('input1').value;
 var textValue2 = +document.getElementById('input2').value;

这样它们就会被转换为数字。

fiddle : http://jsfiddle.net/m1brLkqx/

另外，顺便说一句，由于标签的原因， NaN 被抛出，其余的都在工作。