Question

我想知道以下行是否是采用html并将其作为数值放入Javascript var的正确方法？

var thePoolHeatingFeeRounded = Number(document.getElementsById("priceDisplayPoolHeating").innerHTML);

没关系，变量名称中包含“四舍五入”一词。我试图在这个var中添加的值是一个2点浮点数，它已被舍入并且它以html形式存在。

以下是getElementsById ...

引用的HTML代码行

$<div id="priceDisplayPoolHeating" class="priceDisplay">8.00</div>

非常感谢任何输入。

Answer 1

请改为尝试：

var thePoolHeatingFeeRounded = Number(document.getElementById("priceDisplayPoolHeating").innerHTML);

您正在调用getElementsById这是不正确的（它不是复数形式），我将其更改为getElementById

提示：如果您需要检查数字是否有效，您可以使用!isNaN(thePoolHeatingFeeRounded)或使用技巧将其变为默认数字（例如0或-1），如下所示：

var thePoolHeatingFeeRounded = Number(document.getElementById("priceDisplayPoolHeating").innerHTML) || 0;

您还可以使用parseFloat()：

var thePoolHeatingFeeRounded = parseFloat(document.getElementById("priceDisplayPoolHeating").innerHTML) || 0;

Answer 2

你非常接近。假设是getElementById，而不是Elements。我创建了一些代码来向您展示它是如何工作的。

以下是本网站代码显示器的代码：

＆＃13;

function displayText(){

var thePoolHeatingFeeRounded = Number(document.getElementById("priceDisplayPoolHeating").innerHTML)

  alert(thePoolHeatingFeeRounded);
}

＆＃13;

<div id="priceDisplayPoolHeating">8.01</div><input type="button" onclick="displayText()" value="Display the innerHTML of Pool Heating">

＆＃13;

从HTML到Javascript Var的文本值？

2 个答案: